← Back to daily report
+3 lines added
-3 lines removed
<!DOCTYPE html><html lang="en" class="__variable_ed9089 __variable_ea4744 dark" data-banner-state="visible" data-page-mode="none"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover"/><link rel="preload" href="/docs/_next/static/media/bb3ef058b751a6ad-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/docs/_next/static/media/c4b700dcb2187787-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/docs/_next/static/media/e4af272ccee01ff0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/light.svg?fit=max&auto=format&n=o69F7a6qoW9vboof&q=85&s=536eade682636e84231afce2577f9509"/><link rel="preload" as="image" href="https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/dark.svg?fit=max&auto=format&n=o69F7a6qoW9vboof&q=85&s=0766b3221061e80143e9f300733e640b"/><link rel="preload" as="image" href="https://d3gk2c5xim1je2.cloudfront.net/flags/US.svg"/><link rel="stylesheet" href="/docs/_next/static/css/b864dec2fc058581.css?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61" data-precedence="next"/><link rel="stylesheet" href="/docs/_next/static/css/93bac6dd9c729729.css?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61" data-precedence="next"/><link rel="stylesheet" href="/docs/_next/static/css/05d6d8fcb903870d.css?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/docs/_next/static/chunks/webpack-171c0943acd6b430.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61"/><script src="/docs/_next/static/chunks/87c73c54-dd8d81ac9604067c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/90018-0251d8deca9b3de4.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu91c8bc49a5fd31cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/main-app-76ddd9525ef90e67.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/30479-68a79694ab7750c6.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/app/error-85dc9bbc7f2b9b3f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/app/%255Fsites/%5Bsubdomain%5D/not-found-5eb99b67cb6ea223.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/app/%255Fsites/%5Bsubdomain%5D/error-2bc09d7a501424e3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/45960-6a130743f551197d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%40topbar/%5B%5B...slug%5D%5D/page-e4ccff3e6922c6c6.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><meta name="next-size-adjust" content=""/><title>Extend Claude with skills - Claude Code Docs</title><meta name="description" content="Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands."/><meta name="application-name" content="Claude Code Docs"/><meta name="generator" content="Mintlify"/><meta name="msapplication-config" content="/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/browserconfig.xml"/><meta name="apple-mobile-web-app-title" content="Claude Code Docs"/><meta name="msapplication-TileColor" content="#0E0E0E"/><meta name="charset" content="utf-8"/><meta name="og:site_name" content="Claude Code Docs"/><meta name="canonical" content="https://code.claude.com/docs/en/skills"/><link rel="canonical" href="https://code.claude.com/docs/en/skills"/><link rel="alternate" type="application/xml" href="/docs/sitemap.xml"/><meta property="og:title" content="Extend Claude with skills - Claude Code Docs"/><meta property="og:description" content="Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands."/><meta property="og:url" content="https://code.claude.com/docs/en/skills"/><meta property="og:image" content="https://claude-code.mintlify.app/_next/image?url=%2F_mintlify%2Fapi%2Fog%3Fdivision%3DBuild%2Bwith%2BClaude%2BCode%26appearance%3Dsystem%26title%3DExtend%2BClaude%2Bwith%2Bskills%26description%3DCreate%252C%2Bmanage%252C%2Band%2Bshare%2Bskills%2Bto%2Bextend%2BClaude%2527s%2Bcapabilities%2Bin%2BClaude%2BCode.%2BIncludes%2Bcustom%2Bslash%2Bcommands.%26logoLight%3Dhttps%253A%252F%252Fmintcdn.com%252Fclaude-code%252Fo69F7a6qoW9vboof%252Flogo%252Flight.svg%253Ffit%253Dmax%2526auto%253Dformat%2526n%253Do69F7a6qoW9vboof%2526q%253D85%2526s%253D536eade682636e84231afce2577f9509%26logoDark%3Dhttps%253A%252F%252Fmintcdn.com%252Fclaude-code%252Fo69F7a6qoW9vboof%252Flogo%252Fdark.svg%253Ffit%253Dmax%2526auto%253Dformat%2526n%253Do69F7a6qoW9vboof%2526q%253D85%2526s%253D0766b3221061e80143e9f300733e640b%26primaryColor%3D%25230E0E0E%26lightColor%3D%2523D4A27F%26darkColor%3D%25230E0E0E%26backgroundLight%3D%2523FDFDF7%26backgroundDark%3D%252309090B&w=1200&q=100"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Extend Claude with skills - Claude Code Docs"/><meta name="twitter:description" content="Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands."/><meta name="twitter:image" content="https://claude-code.mintlify.app/_next/image?url=%2F_mintlify%2Fapi%2Fog%3Fdivision%3DBuild%2Bwith%2BClaude%2BCode%26appearance%3Dsystem%26title%3DExtend%2BClaude%2Bwith%2Bskills%26description%3DCreate%252C%2Bmanage%252C%2Band%2Bshare%2Bskills%2Bto%2Bextend%2BClaude%2527s%2Bcapabilities%2Bin%2BClaude%2BCode.%2BIncludes%2Bcustom%2Bslash%2Bcommands.%26logoLight%3Dhttps%253A%252F%252Fmintcdn.com%252Fclaude-code%252Fo69F7a6qoW9vboof%252Flogo%252Flight.svg%253Ffit%253Dmax%2526auto%253Dformat%2526n%253Do69F7a6qoW9vboof%2526q%253D85%2526s%253D536eade682636e84231afce2577f9509%26logoDark%3Dhttps%253A%252F%252Fmintcdn.com%252Fclaude-code%252Fo69F7a6qoW9vboof%252Flogo%252Fdark.svg%253Ffit%253Dmax%2526auto%253Dformat%2526n%253Do69F7a6qoW9vboof%2526q%253D85%2526s%253D0766b3221061e80143e9f300733e640b%26primaryColor%3D%25230E0E0E%26lightColor%3D%2523D4A27F%26darkColor%3D%25230E0E0E%26backgroundLight%3D%2523FDFDF7%26backgroundDark%3D%252309090B&w=1200&q=100"/><meta name="twitter:image:width" content="1200"/><meta name="twitter:image:height" content="630"/><link rel="apple-touch-icon" href="/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/apple-touch-icon.png" type="image/png" sizes="180x180"/><link rel="icon" href="/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/favicon-16x16.png" type="image/png" sizes="16x16" media="(prefers-color-scheme: light)"/><link rel="icon" href="/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/favicon-32x32.png" type="image/png" sizes="32x32" media="(prefers-color-scheme: light)"/><link rel="shortcut icon" href="/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/favicon.ico" type="image/x-icon" media="(prefers-color-scheme: light)"/><link rel="icon" href="/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon-dark/favicon-16x16.png" type="image/png" sizes="16x16" media="(prefers-color-scheme: dark)"/><link rel="icon" href="/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon-dark/favicon-32x32.png" type="image/png" sizes="32x32" media="(prefers-color-scheme: dark)"/><link rel="shortcut icon" href="/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon-dark/favicon.ico" type="image/x-icon" media="(prefers-color-scheme: dark)"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><link rel="preload" href="https://d4tuoctqmanu0.cloudfront.net/katex.min.css" as="style"/><script type="text/javascript">(function(a,b){try{let c=document.getElementById("banner")?.innerText;if(c){for(let d=0;d<localStorage.length;d++){let e=localStorage.key(d);if(e?.endsWith(a)&&localStorage.getItem(e)===c)return void document.documentElement.setAttribute(b,"hidden")}document.documentElement.setAttribute(b,"visible");return}for(let c=0;c<localStorage.length;c++){let d=localStorage.key(c);if(d?.endsWith(a)&&localStorage.getItem(d))return void document.documentElement.setAttribute(b,"hidden")}document.documentElement.setAttribute(b,"visible")}catch(a){document.documentElement.setAttribute(b,"hidden")}})(¶
"bannerDismissed",¶
"data-banner-state",¶
)</script><script src="/docs/_next/static/chunks/polyfills-42372ed130431b0a.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgduHD4Ahwo7pyk7Q6cv6udnH1hd6X61" noModule=""></script></head><body><div hidden=""><!--$--><!--/$--></div><script>((a,b,c,d,e,f,g,h)=>{let i=document.documentElement,j=["light","dark"];function k(b){var c;(Array.isArray(a)?a:[a]).forEach(a=>{let c="class"===a,d=c&&f?e.map(a=>f[a]||a):e;c?(i.classList.remove(...d),i.classList.add(f&&f[b]?f[b]:b)):i.setAttribute(a,b)}),c=b,h&&j.includes(c)&&(i.style.colorScheme=c)}if(d)k(d);else try{let a=localStorage.getItem(b)||c,d=g&&"system"===a?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":a;k(d)}catch(a){}})("class","isDarkMode","system",null,["dark","light","true","false","system"],{"true":"dark","false":"light","dark":"dark","light":"light"},true,true)</script><script>(self.__next_s=self.__next_s||[]).push([0,{"children":"(function j(a,b,c,d,e){try{let f,g,h=[];try{h=window.location.pathname.split(\"/\").filter(a=>\"\"!==a&&\"global\"!==a).slice(0,2)}catch{h=[]}let i=h.find(a=>c.includes(a)),j=[];for(let c of(i?j.push(i):j.push(b),j.push(\"global\"),j)){if(!c)continue;let b=a[c];if(b?.content){f=b.content,g=c;break}}if(!f)return void document.documentElement.setAttribute(d,\"hidden\");let k=!0,l=0;for(;l<localStorage.length;){let a=localStorage.key(l);if(l++,!a?.endsWith(e))continue;let b=localStorage.getItem(a);if(b&&b===f){k=!1;break}g&&(a.startsWith(`lang:${g}_`)||!a.startsWith(\"lang:\"))&&(localStorage.removeItem(a),l--)}document.documentElement.setAttribute(d,k?\"visible\":\"hidden\")}catch(a){console.error(a),document.documentElement.setAttribute(d,\"hidden\")}})(\n {},\n \"en\",\n [\"en\",\"fr\",\"de\",\"it\",\"jp\",\"es\",\"ko\",\"cn\",\"zh-Hant\",\"ru\",\"id\",\"pt-BR\"],\n \"data-banner-state\",\n \"bannerDismissed\",\n)","id":"_mintlify-banner-script"}])</script><link href="https://fonts.googleapis.com/css2?family=Anthropic+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet"/><link href="https://fonts.googleapis.com/css2?family=Anthropic+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet"/><style>:root {¶
--font-family-headings-custom: "Anthropic Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;¶
¶
--font-family-body-custom: "Anthropic Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;¶
¶
¶
¶
}</style><style>:root {¶
--primary: 14 14 14;¶
--primary-light: 212 162 127;¶
--primary-dark: 14 14 14;¶
--tooltip-foreground: 255 255 255;¶
--background-light: 253 253 247;¶
--background-dark: 9 9 11;¶
--gray-50: 243 243 243;¶
--gray-100: 238 238 238;¶
--gray-200: 222 222 222;¶
--gray-300: 206 206 206;¶
--gray-400: 158 158 158;¶
--gray-500: 112 112 112;¶
--gray-600: 80 80 80;¶
--gray-700: 62 62 62;¶
--gray-800: 37 37 37;¶
--gray-900: 23 23 23;¶
--gray-950: 10 10 10;¶
}</style><script type="text/javascript">¶
(function() {¶
function loadKatex() {¶
const link = document.querySelector('link[href="https://d4tuoctqmanu0.cloudfront.net/katex.min.css"]');¶
if (link) link.rel = 'stylesheet';¶
}¶
if (document.readyState === 'loading') {¶
document.addEventListener('DOMContentLoaded', loadKatex);¶
} else {¶
loadKatex();¶
}¶
})();¶
</script><div class="relative antialiased text-gray-500 dark:text-gray-400"><script>(self.__next_s=self.__next_s||[]).push([0,{"suppressHydrationWarning":true,"children":"(function(a,b,c,d){var e;let f,g=\"mint\"===d||\"linden\"===d?\"sidebar\":\"sidebar-content\",h=(e=d,f=\"navbar-transition\",\"maple\"===e&&(f+=\"-maple\"),(\"willow\"===e||\"new-willow\"===e)&&(f+=\"-willow\"),f),[i,j]=(()=>{switch(d){case\"almond\":return[\"[--scroll-mt:2.5rem]\",\"[--scroll-mt:2.5rem]\"];case\"sequoia\":return[\"lg:[--scroll-mt:8.5rem]\",\"lg:[--scroll-mt:11rem]\"];default:return[\"lg:[--scroll-mt:9.5rem]\",\"lg:[--scroll-mt:12rem]\"]}})();function k(){document.documentElement.classList.add(i)}function l(a){document.getElementById(g)?.style.setProperty(\"top\",`${a}rem`)}function m(a){document.getElementById(g)?.style.setProperty(\"height\",`calc(100vh - ${a}rem)`)}function n(a,b){!a&&b||a&&!b?(k(),document.documentElement.classList.remove(j)):a&&b&&(document.documentElement.classList.add(j),document.documentElement.classList.remove(i))}let o=document.documentElement.getAttribute(\"data-banner-state\"),p=null!=o?\"visible\"===o:b;switch(d){case\"mint\":l(c),n(a,p);break;case\"palm\":case\"aspen\":l(c),m(c),n(a,p);break;case\"linden\":l(c),p&&k();break;case\"almond\":k(),l(c),m(c);break;case\"sequoia\":n(a,p)}let q=function(){let a=document.createElement(\"style\");return a.appendChild(document.createTextNode(\"*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}\")),document.head.appendChild(a),function(){window.getComputedStyle(document.body),setTimeout(()=>{document.head.removeChild(a)},1)}}();(\"requestAnimationFrame\"in globalThis?requestAnimationFrame:setTimeout)(()=>{let a;a=!1,a=window.scrollY>50,document.getElementById(h)?.setAttribute(\"data-is-opaque\",`${!!a}`),q()})})(\n true,\n false,\n (function m(a,b,c){let d=document.documentElement.getAttribute(\"data-banner-state\"),e=2.5*!!(null!=d?\"visible\"===d:b),f=3*!!a,g=4,h=e+g+f;switch(c){case\"mint\":case\"palm\":break;case\"aspen\":f=2.5*!!a,g=3.5,h=e+f+g;break;case\"linden\":g=4,h=e+g;break;case\"almond\":g=3.5,h=e+g;break;case\"sequoia\":f=3*!!a,g=3,h=e+g+f}return h})(true, false, \"mint\"),\n \"mint\",\n)","id":"_mintlify-scroll-top-script"}])</script><a href="#content-area" class="sr-only focus:not-sr-only focus:fixed focus:top-2 focus:left-2 focus:z-50 focus:p-2 focus:text-sm focus:bg-background-light dark:focus:bg-background-dark focus:rounded-md focus:outline-primary dark:focus:outline-primary-light">Skip to main content</a><div class="max-lg:contents lg:flex lg:w-full"><div class="max-lg:contents lg:flex-1 lg:min-w-0 lg:overflow-x-clip"><div id="navbar" class="z-30 fixed lg:sticky top-0 w-full peer is-not-custom peer is-not-center peer is-not-wide peer is-not-frame"><div id="navbar-transition" class="absolute w-full h-full backdrop-blur flex-none transition-colors duration-500 border-b border-gray-500/5 dark:border-gray-300/[0.06] data-[is-opaque=true]:bg-background-light data-[is-opaque=true]:supports-backdrop-blur:bg-background-light/95 data-[is-opaque=true]:dark:bg-background-dark/75 data-[is-opaque=false]:supports-backdrop-blur:bg-background-light/60 data-[is-opaque=false]:dark:bg-transparent" data-is-opaque="false"></div><div class="max-w-8xl mx-auto relative"><div><div class="relative"><div class="flex items-center lg:px-12 h-16 min-w-0 mx-4 lg:mx-0"><div class="h-full relative flex-1 flex items-center gap-x-4 min-w-0 border-b border-gray-500/5 dark:border-gray-300/[0.06]"><div class="flex-1 flex items-center gap-x-4"><a class="select-none" data-state="closed" data-slot="context-menu-trigger" style="-webkit-touch-callout:none" href="/docs"><span class="sr-only">Claude Code Docs<!-- --> home page</span><img class="nav-logo w-auto h-7 relative object-contain shrink-0 block dark:hidden" src="https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/light.svg?fit=max&auto=format&n=o69F7a6qoW9vboof&q=85&s=536eade682636e84231afce2577f9509" alt="light logo"/><img class="nav-logo w-auto h-7 relative object-contain shrink-0 hidden dark:block" src="https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/dark.svg?fit=max&auto=format&n=o69F7a6qoW9vboof&q=85&s=0766b3221061e80143e9f300733e640b" alt="dark logo"/></a><div class="hidden lg:flex items-center gap-x-2"><button type="button" id="localization-select-trigger" aria-haspopup="menu" aria-expanded="false" data-state="closed" class="group disabled:pointer-events-none [&>span]:line-clamp-1 overflow-hidden group group-hover:text-gray-950/70 dark:group-hover:text-white/70 py-1.5 px-2.5 rounded-xl hover:!bg-gray-600/5 dark:hover:!bg-gray-200/5 aria-[expanded=true]:bg-gray-600/5 dark:aria-[expanded=true]:bg-gray-200/5 text-sm font-medium text-gray-900 h-8 focus-visible:outline-primary dark:text-gray-300 group/trigger flex items-center gap-2 whitespace-nowrap"><div class="relative size-4 rounded-full shrink-0"><img class="w-full h-full rounded-full" alt="US" src="https://d3gk2c5xim1je2.cloudfront.net/flags/US.svg"/><div class="absolute top-0 left-0 w-full h-full border rounded-full bg-primary-light/10 border-black/10"></div></div><span class="truncate max-w-[12.5rem]">English</span><svg width="8" height="24" viewBox="0 -9 3 24" class="transition-transform text-gray-400 overflow-visible group-hover:text-gray-600 dark:text-gray-600 dark:group-hover:text-gray-400 rotate-90 ml-auto group-aria-[expanded=true]/trigger:rotate-[270deg]"><path d="M0 0L3 3L0 6" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg></button></div></div><div class="relative hidden lg:flex items-center flex-1 z-20 gap-2.5"><button type="button" class="flex pointer-events-auto rounded-xl w-full items-center text-sm leading-6 h-9 pl-3.5 pr-3 text-gray-500 dark:text-white/50 bg-background-light dark:bg-background-dark dark:brightness-[1.1] dark:ring-1 dark:hover:brightness-[1.25] ring-1 ring-gray-400/30 hover:ring-gray-600/30 dark:ring-gray-600/30 dark:hover:ring-gray-500/30 justify-between truncate gap-2 min-w-[43px]" id="search-bar-entry" aria-label="Open search"><div class="flex items-center gap-2 min-w-[42px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search min-w-4 flex-none text-gray-700 hover:text-gray-800 dark:text-gray-400 hover:dark:text-gray-200"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg><div class="truncate min-w-0">Search...</div></div><span class="flex-none text-xs font-semibold">⌘<!-- -->K</span></button><button type="button" class="flex-none hidden lg:flex items-center justify-center gap-1.5 pl-3 pr-3.5 h-9 rounded-xl shadow-sm bg-background-light dark:bg-background-dark dark:brightness-[1.1] dark:ring-1 dark:hover:brightness-[1.25] ring-1 ring-gray-400/20 hover:ring-gray-600/25 dark:ring-gray-600/30 dark:hover:ring-gray-500/30" id="assistant-entry" aria-label="Toggle assistant panel" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" class="size-4 shrink-0 text-gray-700 hover:text-gray-800 dark:text-gray-400 hover:dark:text-gray-200"><g fill="currentColor"><path d="M5.658,2.99l-1.263-.421-.421-1.263c-.137-.408-.812-.408-.949,0l-.421,1.263-1.263,.421c-.204,.068-.342,.259-.342,.474s.138,.406,.342,.474l1.263,.421,.421,1.263c.068,.204,.26,.342,.475,.342s.406-.138,.475-.342l.421-1.263,1.263-.421c.204-.068,.342-.259,.342-.474s-.138-.406-.342-.474Z" fill="currentColor" data-stroke="none" stroke="none"></path><polygon points="9.5 2.75 11.412 7.587 16.25 9.5 11.412 11.413 9.5 16.25 7.587 11.413 2.75 9.5 7.587 7.587 9.5 2.75" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></polygon></g></svg><span class="text-sm text-gray-500 dark:text-white/50 whitespace-nowrap">Ask AI</span></button></div><div class="flex-1 relative hidden lg:flex items-center ml-auto justify-end space-x-4"><nav class="text-sm"><ul class="flex space-x-6 items-center"><li class="navbar-link"><a href="https://platform.claude.com/" class="flex items-center gap-1.5 whitespace-nowrap font-medium text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300" target="_blank">Claude Developer Platform</a></li><li class="block lg:hidden"><a class="flex items-center gap-1.5 whitespace-nowrap font-medium text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300" href="https://claude.ai/code">Claude Code on the Web</a></li><li class="whitespace-nowrap hidden lg:flex" id="topbar-cta-button"><a target="_blank" class="group px-4 py-1.5 relative inline-flex items-center text-sm font-medium" href="https://claude.ai/code"><span class="absolute inset-0 bg-primary-dark rounded-xl group-hover:opacity-[0.9]"></span><div class="mr-0.5 space-x-2.5 flex items-center"><span class="z-10 text-white">Claude Code on the Web</span><svg width="3" height="24" viewBox="0 -9 3 24" class="h-5 rotate-0 overflow-visible text-white/90"><path d="M0 0L3 3L0 6" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg></div></a></li></ul></nav><div class="flex items-center"><button class="group p-2 flex items-center justify-center" aria-label="Toggle dark mode"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 block text-gray-400 dark:hidden group-hover:text-gray-600"><g clip-path="url(#clip0_2880_7340)"><path d="M8 1.11133V2.00022" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12.8711 3.12891L12.2427 3.75735" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14.8889 8H14" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12.8711 12.8711L12.2427 12.2427" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8 14.8889V14" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3.12891 12.8711L3.75735 12.2427" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M1.11133 8H2.00022" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3.12891 3.12891L3.75735 3.75735" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8.00043 11.7782C10.0868 11.7782 11.7782 10.0868 11.7782 8.00043C11.7782 5.91402 10.0868 4.22266 8.00043 4.22266C5.91402 4.22266 4.22266 5.91402 4.22266 8.00043C4.22266 10.0868 5.91402 11.7782 8.00043 11.7782Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></g><defs><clipPath id="clip0_2880_7340"><rect width="16" height="16" fill="white"></rect></clipPath></defs></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-moon h-4 w-4 hidden dark:block text-gray-500 dark:group-hover:text-gray-300"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"></path></svg></button></div></div><div class="flex lg:hidden items-center gap-3"><button type="button" class="text-gray-500 w-8 h-8 flex items-center justify-center hover:text-gray-600 dark:text-gray-400 dark:hover:text-gray-300" id="search-bar-entry-mobile" aria-label="Open search"><span class="sr-only">Search...</span><svg class="h-4 w-4 bg-gray-500 dark:bg-gray-400 hover:bg-gray-600 dark:hover:bg-gray-300" style="-webkit-mask-image:url(https://d3gk2c5xim1je2.cloudfront.net/v7.1.0/solid/magnifying-glass.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:url(https://d3gk2c5xim1je2.cloudfront.net/v7.1.0/solid/magnifying-glass.svg);mask-repeat:no-repeat;mask-position:center"></svg></button><button id="assistant-entry-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" class="size-4.5 text-gray-500 dark:text-gray-400 hover:text-gray-600 dark:hover:text-gray-300"><g fill="currentColor"><path d="M5.658,2.99l-1.263-.421-.421-1.263c-.137-.408-.812-.408-.949,0l-.421,1.263-1.263,.421c-.204,.068-.342,.259-.342,.474s.138,.406,.342,.474l1.263,.421,.421,1.263c.068,.204,.26,.342,.475,.342s.406-.138,.475-.342l.421-1.263,1.263-.421c.204-.068,.342-.259,.342-.474s-.138-.406-.342-.474Z" fill="currentColor" data-stroke="none" stroke="none"></path><polygon points="9.5 2.75 11.412 7.587 16.25 9.5 11.412 11.413 9.5 16.25 7.587 11.413 2.75 9.5 7.587 7.587 9.5 2.75" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></polygon></g></svg></button><button aria-label="More actions" class="h-7 w-5 flex items-center justify-end"><svg class="h-4 w-4 bg-gray-500 dark:bg-gray-400 hover:bg-gray-600 dark:hover:bg-gray-300" style="-webkit-mask-image:url(https://d3gk2c5xim1je2.cloudfront.net/v7.1.0/solid/ellipsis-vertical.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:url(https://d3gk2c5xim1je2.cloudfront.net/v7.1.0/solid/ellipsis-vertical.svg);mask-repeat:no-repeat;mask-position:center"></svg></button></div></div></div><button type="button" class="flex items-center h-14 py-4 px-5 lg:hidden focus:outline-0 w-full text-left"><div class="text-gray-500 hover:text-gray-600 dark:text-gray-400 dark:hover:text-gray-300"><span class="sr-only">Navigation</span><svg class="h-4" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"></path></svg></div><div class="ml-4 flex text-sm leading-6 whitespace-nowrap min-w-0 space-x-3 overflow-hidden"><div class="flex items-center space-x-3 flex-shrink-0"><span>Build with Claude Code</span><svg width="3" height="24" viewBox="0 -9 3 24" class="h-5 rotate-0 overflow-visible fill-gray-400"><path d="M0 0L3 3L0 6" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg></div><div class="font-semibold text-gray-900 truncate dark:text-gray-200 min-w-0 flex-1">Extend Claude with skills</div></div></button></div><div class="hidden lg:flex px-12 h-12"><div class="nav-tabs h-full flex text-sm gap-x-6"><a class="link nav-tabs-item group relative h-full gap-2 flex items-center font-medium text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-300" href="/docs/en/overview">Getting started<div class="absolute bottom-0 h-[1.5px] w-full left-0 group-hover:bg-gray-200 dark:group-hover:bg-gray-700"></div></a><a class="link nav-tabs-item group relative h-full gap-2 flex items-center font-medium hover:text-gray-800 dark:hover:text-gray-300 text-gray-800 dark:text-gray-200 [text-shadow:-0.2px_0_0_currentColor,0.2px_0_0_currentColor]" href="/docs/en/sub-agents">Build with Claude Code<div class="absolute bottom-0 h-[1.5px] w-full left-0 bg-primary dark:bg-primary-light"></div></a><a class="link nav-tabs-item group relative h-full gap-2 flex items-center font-medium text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-300" href="/docs/en/third-party-integrations">Deployment<div class="absolute bottom-0 h-[1.5px] w-full left-0 group-hover:bg-gray-200 dark:group-hover:bg-gray-700"></div></a><a class="link nav-tabs-item group relative h-full gap-2 flex items-center font-medium text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-300" href="/docs/en/setup">Administration<div class="absolute bottom-0 h-[1.5px] w-full left-0 group-hover:bg-gray-200 dark:group-hover:bg-gray-700"></div></a><a class="link nav-tabs-item group relative h-full gap-2 flex items-center font-medium text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-300" href="/docs/en/settings">Configuration<div class="absolute bottom-0 h-[1.5px] w-full left-0 group-hover:bg-gray-200 dark:group-hover:bg-gray-700"></div></a><a class="link nav-tabs-item group relative h-full gap-2 flex items-center font-medium text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-300" href="/docs/en/cli-reference">Reference<div class="absolute bottom-0 h-[1.5px] w-full left-0 group-hover:bg-gray-200 dark:group-hover:bg-gray-700"></div></a><a class="link nav-tabs-item group relative h-full gap-2 flex items-center font-medium text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-300" href="/docs/en/legal-and-compliance">Resources<div class="absolute bottom-0 h-[1.5px] w-full left-0 group-hover:bg-gray-200 dark:group-hover:bg-gray-700"></div></a></div></div></div></div><span hidden="" style="position:fixed;top:1px;left:1px;width:1px;height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;display:none"></span></div><div class="scroll-mt-[var(--scroll-mt)] peer-[.is-custom]:max-w-none peer-[.is-center]:max-w-3xl peer-[.is-not-custom]:peer-[.is-not-center]:max-w-8xl peer-[.is-not-custom]:px-4 peer-[.is-not-custom]:mx-auto peer-[.is-not-custom]:lg:px-8 peer-[.is-wide]:[&>div:last-child]:max-w-6xl peer-[.is-custom]:[&>div:first-child]:!hidden peer-[.is-custom]:[&>div:first-child]:sm:!hidden peer-[.is-custom]:[&>div:first-child]:md:!hidden peer-[.is-custom]:[&>div:first-child]:lg:!hidden peer-[.is-custom]:[&>div:first-child]:xl:!hidden peer-[.is-center]:[&>div:first-child]:!hidden peer-[.is-center]:[&>div:first-child]:sm:!hidden peer-[.is-center]:[&>div:first-child]:md:!hidden peer-[.is-center]:[&>div:first-child]:lg:!hidden peer-[.is-center]:[&>div:first-child]:xl:!hidden"><div class="z-20 hidden lg:block fixed bottom-0 right-auto w-[18rem]" id="sidebar" style="top:7rem"><div class="absolute inset-0 z-10 stable-scrollbar-gutter overflow-auto pr-8 pb-10" id="sidebar-content"><div class="relative lg:text-sm lg:leading-6"><div class="sticky top-0 h-8 z-10 bg-gradient-to-b from-background-light dark:from-background-dark"></div><div id="navigation-items"><div class=""><div class="sidebar-group-header flex items-center gap-2.5 pl-4 mb-3.5 lg:mb-2.5 font-semibold text-gray-900 dark:text-gray-200"><h5 id="sidebar-title" class="">Build with Claude Code</h5></div><ul id="sidebar-group" class="sidebar-group space-y-px"><li id="/en/sub-agents" class="relative scroll-m-4 first:scroll-m-20" data-title="Create custom subagents"><a class="group flex items-center pr-3 py-1.5 cursor-pointer gap-x-3 text-left rounded-xl w-full outline-offset-[-1px] hover:bg-gray-600/5 dark:hover:bg-gray-200/5 text-gray-700 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300" style="padding-left:1rem" href="/docs/en/sub-agents"><div class="flex-1 flex items-center space-x-2.5"><div class="">Create custom subagents</div></div></a></li><li id="/en/agent-teams" class="relative scroll-m-4 first:scroll-m-20" data-title="Run agent teams"><a class="group flex items-center pr-3 py-1.5 cursor-pointer gap-x-3 text-left rounded-xl w-full outline-offset-[-1px] hover:bg-gray-600/5 dark:hover:bg-gray-200/5 text-gray-700 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300" style="padding-left:1rem" href="/docs/en/agent-teams"><div class="flex-1 flex items-center space-x-2.5"><div class="">Run agent teams</div></div></a></li><li id="/en/plugins" class="relative scroll-m-4 first:scroll-m-20" data-title="Create plugins"><a class="group flex items-center pr-3 py-1.5 cursor-pointer gap-x-3 text-left rounded-xl w-full outline-offset-[-1px] hover:bg-gray-600/5 dark:hover:bg-gray-200/5 text-gray-700 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300" style="padding-left:1rem" href="/docs/en/plugins"><div class="flex-1 flex items-center space-x-2.5"><div class="">Create plugins</div></div></a></li><li id="/en/discover-plugins" class="relative scroll-m-4 first:scroll-m-20" data-title="Discover and install prebuilt plugins"><a class="group flex items-center pr-3 py-1.5 cursor-pointer gap-x-3 text-left rounded-xl w-full outline-offset-[-1px] hover:bg-gray-600/5 dark:hover:bg-gray-200/5 text-gray-700 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300" style="padding-left:1rem" href="/docs/en/discover-plugins"><div class="flex-1 flex items-center space-x-2.5"><div class="">Discover and install prebuilt plugins</div></div></a></li><li id="/en/skills" class="relative scroll-m-4 first:scroll-m-20" data-title="Extend Claude with skills"><a class="group flex items-center pr-3 py-1.5 cursor-pointer gap-x-3 text-left rounded-xl w-full outline-offset-[-1px] bg-primary/10 text-primary [text-shadow:-0.2px_0_0_currentColor,0.2px_0_0_currentColor] dark:text-primary-light dark:bg-primary-light/10" style="padding-left:1rem" href="/docs/en/skills"><div class="flex-1 flex items-center space-x-2.5"><div class="">Extend Claude with skills</div></div></a></li><li id="/en/output-styles" class="relative scroll-m-4 first:scroll-m-20" data-title="Output styles"><a class="group flex items-center pr-3 py-1.5 cursor-pointer gap-x-3 text-left rounded-xl w-full outline-offset-[-1px] hover:bg-gray-600/5 dark:hover:bg-gray-200/5 text-gray-700 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300" style="padding-left:1rem" href="/docs/en/output-styles"><div class="flex-1 flex items-center space-x-2.5"><div class="">Output styles</div></div></a></li><li id="/en/hooks-guide" class="relative scroll-m-4 first:scroll-m-20" data-title="Automate with hooks"><a class="group flex items-center pr-3 py-1.5 cursor-pointer gap-x-3 text-left rounded-xl w-full outline-offset-[-1px] hover:bg-gray-600/5 dark:hover:bg-gray-200/5 text-gray-700 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300" style="padding-left:1rem" href="/docs/en/hooks-guide"><div class="flex-1 flex items-center space-x-2.5"><div class="">Automate with hooks</div></div></a></li><li id="/en/headless" class="relative scroll-m-4 first:scroll-m-20" data-title="Programmatic usage"><a class="group flex items-center pr-3 py-1.5 cursor-pointer gap-x-3 text-left rounded-xl w-full outline-offset-[-1px] hover:bg-gray-600/5 dark:hover:bg-gray-200/5 text-gray-700 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300" style="padding-left:1rem" href="/docs/en/headless"><div class="flex-1 flex items-center space-x-2.5"><div class="">Programmatic usage</div></div></a></li><li id="/en/mcp" class="relative scroll-m-4 first:scroll-m-20" data-title="Model Context Protocol (MCP)"><a class="group flex items-center pr-3 py-1.5 cursor-pointer gap-x-3 text-left rounded-xl w-full outline-offset-[-1px] hover:bg-gray-600/5 dark:hover:bg-gray-200/5 text-gray-700 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300" style="padding-left:1rem" href="/docs/en/mcp"><div class="flex-1 flex items-center space-x-2.5"><div class="">Model Context Protocol (MCP)</div></div></a></li><li id="/en/troubleshooting" class="relative scroll-m-4 first:scroll-m-20" data-title="Troubleshooting"><a class="group flex items-center pr-3 py-1.5 cursor-pointer gap-x-3 text-left break-words hyphens-auto rounded-xl w-full outline-offset-[-1px] hover:bg-gray-600/5 dark:hover:bg-gray-200/5 text-gray-700 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300" style="padding-left:1rem" href="/docs/en/troubleshooting"><div class="flex-1 flex items-center space-x-2.5"><div class="">Troubleshooting</div></div></a></li></ul></div></div></div></div></div><div id="content-container"><script>(self.__next_s=self.__next_s||[]).push([0,{"children":"document.documentElement.setAttribute('data-page-mode', 'none');","id":"_mintlify-page-mode-script"}])</script><script>(self.__next_s=self.__next_s||[]).push([0,{"suppressHydrationWarning":true,"children":"(function n(a,b){if(!document.getElementById(\"footer\")?.classList.contains(\"advanced-footer\")||\"maple\"===b||\"willow\"===b||\"new-willow\"===b||\"almond\"===b||\"sequoia\"===b)return;let c=document.documentElement.getAttribute(\"data-page-mode\"),d=document.getElementById(\"navbar\"),e=document.getElementById(\"navigation-items\"),f=document.getElementById(\"sidebar\"),g=document.getElementById(\"footer\"),h=document.getElementById(\"table-of-contents-content\"),i=(e?.clientHeight??0)+16*a+32*(\"mint\"===b||\"linden\"===b);if(!g||\"center\"===c)return;let j=g.getBoundingClientRect().top,k=window.innerHeight-j;f&&e&&(i>j?(f.style.top=`-${k}px`,f.style.height=`${window.innerHeight}px`):(f.style.top=`${a}rem`,f.style.height=\"auto\")),h&&d&&(k>0?h.style.top=\"custom\"===c?`${d.clientHeight-k}px`:`${40+d.clientHeight-k}px`:h.style.top=\"\")})(\n (function m(a,b,c){let d=document.documentElement.getAttribute(\"data-banner-state\"),e=2.5*!!(null!=d?\"visible\"===d:b),f=3*!!a,g=4,h=e+g+f;switch(c){case\"mint\":case\"palm\":break;case\"aspen\":f=2.5*!!a,g=3.5,h=e+f+g;break;case\"linden\":g=4,h=e+g;break;case\"almond\":g=3.5,h=e+g;break;case\"sequoia\":f=3*!!a,g=3,h=e+g+f}return h})(true, false, \"mint\"),\n \"mint\",\n)","id":"_mintlify-footer-and-sidebar-scroll-script"}])</script><span class="fixed inset-0 bg-background-light dark:bg-background-dark -z-10 pointer-events-none" id="almond-background-color"></span><span class="block absolute dark:hidden inset-0 overflow-hidden pointer-events-none"></span><span class="hidden absolute dark:block inset-0 overflow-hidden pointer-events-none"></span><style data-custom-css-index="0" data-custom-css-path="button.css">¶
/* These styles mirror our design system (converted to plain CSS with Claude's help) from https://ui.product.ant.dev/button */¶
¶
/* Base button styles */¶
.btn {¶
position: relative;¶
display: inline-flex;¶
gap: 0.5rem;¶
align-items: center;¶
justify-content: center;¶
flex-shrink: 0;¶
min-width: 5rem;¶
height: 2.25rem;¶
padding: 0.5rem 1rem;¶
white-space: nowrap;¶
font-family: Styrene;¶
font-weight: 600;¶
border-radius: 0.5rem;¶
&:active {¶
transform: scale(0.985);¶
}¶
¶
/* Size variants */¶
&.size-xs {¶
height: 1.75rem;¶
min-width: 3.5rem;¶
padding: 0 0.5rem;¶
border-radius: 0.25rem;¶
font-size: 0.75rem;¶
gap: 0.25rem;¶
}¶
¶
&.size-sm {¶
height: 2rem;¶
min-width: 4rem;¶
padding: 0 0.75rem;¶
border-radius: 0.375rem;¶
font-size: 0.75rem;¶
}¶
¶
&.size-lg {¶
height: 2.75rem;¶
min-width: 6rem;¶
padding: 0 1.25rem;¶
border-radius: 0.6rem;¶
}¶
¶
&:disabled {¶
pointer-events: none;¶
opacity: 0.5;¶
box-shadow: none;¶
}¶
¶
&:focus-visible {¶
outline: none;¶
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);¶
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);¶
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow);¶
}¶
¶
/* Primary variant */¶
&.primary {¶
font-weight: 600;¶
color: hsl(var(--oncolor-100));¶
background-color: hsl(var(--accent-main-100));¶
background-image: linear-gradient(¶
to right,¶
hsl(var(--accent-main-100)) 0%,¶
hsl(var(--accent-main-200) / 0.5) 50%,¶
hsl(var(--accent-main-200)) 100%¶
);¶
background-size: 200% 100%;¶
background-position: 0% 0%;¶
border: 0.5px solid hsl(var(--border-300) / 0.25);¶
box-shadow: ¶
inset 0 0.5px 0px rgba(255, 255, 0, 0.15),¶
0 1px 1px rgba(0, 0, 0, 0.05);¶
text-shadow: 0 1px 2px rgb(0 0 0 / 10%);¶
transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);¶
¶
&:hover {¶
background-position: 100% 0%;¶
background-image: linear-gradient(¶
to right,¶
hsl(var(--accent-main-200)) 0%,¶
hsl(var(--accent-main-200)) 100%¶
);¶
}¶
¶
&:active {¶
background-color: hsl(var(--accent-main-000));¶
box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.2);¶
transform: scale(0.985);¶
}¶
}¶
¶
/* Flat variant */¶
&.flat {¶
font-weight: 500;¶
color: hsl(var(--oncolor-100));¶
background-color: hsl(var(--accent-main-100));¶
transition: background-color 150ms;¶
¶
&:hover {¶
background-color: hsl(var(--accent-main-200));¶
}¶
}¶
¶
/* Secondary variant */¶
&.secondary {¶
font-weight: 600;¶
color: hsl(var(--text-100) / 0.9);¶
background-image: radial-gradient(¶
ellipse at center,¶
hsl(var(--bg-500) / 0.1) 50%,¶
hsl(var(--bg-500) / 0.3) 100%¶
);¶
border: 0.5px solid hsl(var(--border-400));¶
transition: color 150ms, background-color 150ms;¶
¶
&:hover {¶
color: hsl(var(--text-000));¶
background-color: hsl(var(--bg-500) / 0.6);¶
}¶
¶
&:active {¶
background-color: hsl(var(--bg-500) / 0.5);¶
}¶
}¶
¶
/* Outline variant */¶
&.outline {¶
font-weight: 600;¶
color: hsl(var(--text-200));¶
background-color: transparent;¶
border: 1.5px solid currentColor;¶
transition: color 150ms, background-color 150ms;¶
¶
&:hover {¶
color: hsl(var(--text-100));¶
background-color: hsl(var(--bg-400));¶
border-color: hsl(var(--bg-400));¶
}¶
}¶
¶
/* Ghost variant */¶
&.ghost {¶
color: hsl(var(--text-200));¶
border-color: transparent;¶
transition: color 150ms, background-color 150ms;¶
¶
&:hover {¶
color: hsl(var(--text-100));¶
background-color: hsl(var(--bg-500) / 0.4);¶
}¶
¶
&:active {¶
background-color: hsl(var(--bg-400));¶
}¶
}¶
¶
/* Underline variant */¶
&.underline {¶
opacity: 0.8;¶
text-decoration-line: none;¶
text-underline-offset: 3px;¶
transition: all 150ms;¶
¶
&:hover {¶
opacity: 1;¶
text-decoration-line: underline;¶
}¶
¶
&:active {¶
transform: scale(0.985);¶
}¶
}¶
¶
/* Danger variant */¶
&.danger {¶
font-weight: 600;¶
color: hsl(var(--oncolor-100));¶
background-color: hsl(var(--danger-100));¶
transition: background-color 150ms;¶
¶
&:hover {¶
background-color: hsl(var(--danger-200));¶
}¶
}¶
}¶
</style><style data-custom-css-index="1" data-custom-css-path="style.css">/* Anthropic Sans - Static fonts from assets.claude.ai */¶
@font-face {¶
font-family: "Anthropic Sans";¶
src: url("https://assets.claude.ai/Fonts/AnthropicSans-Text-Regular-Static.otf") format("opentype");¶
font-weight: 400;¶
font-style: normal;¶
font-display: swap;¶
}¶
¶
@font-face {¶
font-family: "Anthropic Sans";¶
src: url("https://assets.claude.ai/Fonts/AnthropicSans-Text-RegularItalic-Static.otf") format("opentype");¶
font-weight: 400;¶
font-style: italic;¶
font-display: swap;¶
}¶
¶
@font-face {¶
font-family: "Anthropic Sans";¶
src: url("https://assets.claude.ai/Fonts/AnthropicSans-Text-Medium-Static.otf") format("opentype");¶
font-weight: 500;¶
font-style: normal;¶
font-display: swap;¶
}¶
¶
@font-face {¶
font-family: "Anthropic Sans";¶
src: url("https://assets.claude.ai/Fonts/AnthropicSans-Text-MediumItalic-Static.otf") format("opentype");¶
font-weight: 500;¶
font-style: italic;¶
font-display: swap;¶
}¶
¶
@font-face {¶
font-family: "Anthropic Sans";¶
src: url("https://assets.claude.ai/Fonts/AnthropicSans-Text-Semibold-Static.otf") format("opentype");¶
font-weight: 600;¶
font-style: normal;¶
font-display: swap;¶
}¶
¶
@font-face {¶
font-family: "Anthropic Sans";¶
src: url("https://assets.claude.ai/Fonts/AnthropicSans-Text-SemiboldItalic-Static.otf") format("opentype");¶
font-weight: 600;¶
font-style: italic;¶
font-display: swap;¶
}¶
¶
@font-face {¶
font-family: "Anthropic Sans";¶
src: url("https://assets.claude.ai/Fonts/AnthropicSans-Text-Bold-Static.otf") format("opentype");¶
font-weight: 700;¶
font-style: normal;¶
font-display: swap;¶
}¶
¶
@font-face {¶
font-family: "Anthropic Sans";¶
src: url("https://assets.claude.ai/Fonts/AnthropicSans-Text-BoldItalic-Static.otf") format("opentype");¶
font-weight: 700;¶
font-style: italic;¶
font-display: swap;¶
}¶
¶
/* Anthropic Serif Display - for headlines */¶
@font-face {¶
font-family: "Anthropic Serif Display";¶
src: url("https://assets.claude.ai/Fonts/AnthropicSerif-Display-Regular-Static.otf") format("opentype");¶
font-weight: 400;¶
font-style: normal;¶
font-display: swap;¶
}¶
¶
@font-face {¶
font-family: "Anthropic Serif Display";¶
src: url("https://assets.claude.ai/Fonts/AnthropicSerif-Display-RegularItalic-Static.otf") format("opentype");¶
font-weight: 400;¶
font-style: italic;¶
font-display: swap;¶
}¶
¶
@font-face {¶
font-family: "Anthropic Serif Display";¶
src: url("https://assets.claude.ai/Fonts/AnthropicSerif-Display-Medium-Static.otf") format("opentype");¶
font-weight: 500;¶
font-style: normal;¶
font-display: swap;¶
}¶
¶
@font-face {¶
font-family: "Anthropic Serif Display";¶
src: url("https://assets.claude.ai/Fonts/AnthropicSerif-Display-Semibold-Static.otf") format("opentype");¶
font-weight: 600;¶
font-style: normal;¶
font-display: swap;¶
}¶
¶
@font-face {¶
font-family: "Anthropic Serif Display";¶
src: url("https://assets.claude.ai/Fonts/AnthropicSerif-Display-Bold-Static.otf") format("opentype");¶
font-weight: 700;¶
font-style: normal;¶
font-display: swap;¶
}¶
¶
/* Anthropic Serif - Static fonts from assets.claude.ai */¶
@font-face {¶
font-family: "Anthropic Serif";¶
src: url("https://assets.claude.ai/Fonts/AnthropicSerif-Text-Regular-Static.otf") format("opentype");¶
font-weight: 400;¶
font-style: normal;¶
font-display: swap;¶
}¶
¶
@font-face {¶
font-family: "Anthropic Serif";¶
src: url("https://assets.claude.ai/Fonts/AnthropicSerif-Text-RegularItalic-Static.otf") format("opentype");¶
font-weight: 400;¶
font-style: italic;¶
font-display: swap;¶
}¶
¶
@font-face {¶
font-family: "Anthropic Serif";¶
src: url("https://assets.claude.ai/Fonts/AnthropicSerif-Text-Medium-Static.otf") format("opentype");¶
font-weight: 500;¶
font-style: normal;¶
font-display: swap;¶
}¶
¶
@font-face {¶
font-family: "Anthropic Serif";¶
src: url("https://assets.claude.ai/Fonts/AnthropicSerif-Text-MediumItalic-Static.otf") format("opentype");¶
font-weight: 500;¶
font-style: italic;¶
font-display: swap;¶
}¶
¶
@font-face {¶
font-family: "Anthropic Serif";¶
src: url("https://assets.claude.ai/Fonts/AnthropicSerif-Text-Semibold-Static.otf") format("opentype");¶
font-weight: 600;¶
font-style: normal;¶
font-display: swap;¶
}¶
¶
@font-face {¶
font-family: "Anthropic Serif";¶
src: url("https://assets.claude.ai/Fonts/AnthropicSerif-Text-SemiboldItalic-Static.otf") format("opentype");¶
font-weight: 600;¶
font-style: italic;¶
font-display: swap;¶
}¶
¶
@font-face {¶
font-family: "Anthropic Serif";¶
src: url("https://assets.claude.ai/Fonts/AnthropicSerif-Text-Bold-Static.otf") format("opentype");¶
font-weight: 700;¶
font-style: normal;¶
font-display: swap;¶
}¶
¶
@font-face {¶
font-family: "Anthropic Serif";¶
src: url("https://assets.claude.ai/Fonts/AnthropicSerif-Text-BoldItalic-Static.otf") format("opentype");¶
font-weight: 700;¶
font-style: italic;¶
font-display: swap;¶
}¶
¶
/* Color variables copied from https://github.com/anthropics/apps/blob/main/packages/ui/themes/generated/theme-colors.css */¶
:root {¶
--always-white: 0 0% 100%;¶
--always-black: 0 0% 0%;¶
--constant-book-cloth: 15 55% 80%;¶
--constant-clay: 15 60% 85%;¶
--constant-kraft: 25 40% 83%;¶
--constant-manilla: 40 20% 92%;¶
--constant-slate-000: 0 0% 100%;¶
--constant-slate-050: 48 33.3% 97.1%;¶
--constant-slate-100: 53 28.6% 94.5%;¶
--constant-slate-150: 48 25% 92.2%;¶
--constant-slate-200: 50 20.7% 88.6%;¶
--constant-slate-250: 51 16.5% 84.5%;¶
--constant-slate-300: 50 11.5% 79.6%;¶
--constant-slate-350: 50 9% 73.7%;¶
--constant-slate-400: 49 6.5% 66.9%;¶
--constant-slate-450: 48 4.8% 59.2%;¶
--constant-slate-500: 53 3.2% 51.4%;¶
--constant-slate-550: 51 3.1% 43.7%;¶
--constant-slate-600: 48 2.7% 35.9%;¶
--constant-slate-650: 48 3.4% 29.2%;¶
--constant-slate-700: 60 2.5% 23.3%;¶
--constant-slate-750: 60 2.1% 18.4%;¶
--constant-slate-800: 60 2.7% 14.5%;¶
--constant-slate-850: 30 3.3% 11.8%;¶
--constant-slate-900: 30 4% 9.8%;¶
--constant-slate-950: 60 2.6% 7.6%;¶
--constant-slate-1000: 60 3.4% 5.7%;¶
}¶
¶
:root:not(.dark) {¶
--accent-brand: 15 63.1% 59.6%;¶
--accent-main-000: 15 55.6% 52.4%;¶
--accent-main-100: 15 55.6% 52.4%;¶
--accent-main-200: 15 63.1% 59.6%;¶
--accent-main-900: 0 0% 0%;¶
--accent-pro-000: 251 34.2% 33.3%;¶
--accent-pro-100: 251 40% 45.1%;¶
--accent-pro-200: 251 61% 72.2%;¶
--accent-pro-900: 253 33.3% 91.8%;¶
--accent-secondary-000: 210 73.7% 40.2%;¶
--accent-secondary-100: 210 70.9% 51.6%;¶
--accent-secondary-200: 210 70.9% 51.6%;¶
--accent-secondary-900: 211 72% 90%;¶
--bg-000: 0 0% 100%;¶
--bg-100: 48 33.3% 97.1%;¶
--bg-200: 53 28.6% 94.5%;¶
--bg-300: 48 25% 92.2%;¶
--bg-400: 50 20.7% 88.6%;¶
--bg-500: 50 20.7% 88.6%;¶
--border-100: 30 3.3% 11.8%;¶
--border-200: 30 3.3% 11.8%;¶
--border-300: 30 3.3% 11.8%;¶
--border-400: 30 3.3% 11.8%;¶
--danger-000: 0 61.4% 22.4%;¶
--danger-100: 0 58.6% 34.1%;¶
--danger-200: 0 58.6% 34.1%;¶
--danger-900: 0 50% 95%;¶
--oncolor-100: 0 0% 100%;¶
--oncolor-200: 60 6.7% 97.1%;¶
--oncolor-300: 60 6.7% 97.1%;¶
--text-000: 60 2.6% 7.6%;¶
--text-100: 60 2.6% 7.6%;¶
--text-200: 60 2.5% 23.3%;¶
--text-300: 60 2.5% 23.3%;¶
--text-400: 51 3.1% 43.7%;¶
--text-500: 51 3.1% 43.7%;¶
}¶
¶
:root.dark {¶
--accent-brand: 15 63.1% 59.6%;¶
--accent-main-000: 15 55.6% 52.4%;¶
--accent-main-100: 15 63.1% 59.6%;¶
--accent-main-200: 15 63.1% 59.6%;¶
--accent-main-900: 0 0% 0%;¶
--accent-pro-000: 251 84.6% 74.5%;¶
--accent-pro-100: 251 40.2% 54.1%;¶
--accent-pro-200: 251 40% 45.1%;¶
--accent-pro-900: 250 25.3% 19.4%;¶
--accent-secondary-000: 210 71.1% 62%;¶
--accent-secondary-100: 210 70.9% 51.6%;¶
--accent-secondary-200: 210 70.9% 51.6%;¶
--accent-secondary-900: 210 55.9% 24.6%;¶
--bg-000: 60 2.1% 18.4%;¶
--bg-100: 60 2.7% 14.5%;¶
--bg-200: 30 3.3% 11.8%;¶
--bg-300: 60 2.6% 7.6%;¶
--bg-400: 60 3.4% 5.7%;¶
--bg-500: 60 3.4% 5.7%;¶
--border-100: 51 16.5% 84.5%;¶
--border-200: 51 16.5% 84.5%;¶
--border-300: 51 16.5% 84.5%;¶
--border-400: 51 16.5% 84.5%;¶
--danger-000: 0 73.1% 66.5%;¶
--danger-100: 0 58.6% 34.1%;¶
--danger-200: 0 58.6% 34.1%;¶
--danger-900: 0 23% 15.6%;¶
--oncolor-100: 0 0% 100%;¶
--oncolor-200: 60 6.7% 97.1%;¶
--oncolor-300: 60 6.7% 97.1%;¶
--text-000: 48 33.3% 97.1%;¶
--text-100: 48 33.3% 97.1%;¶
--text-200: 50 9% 73.7%;¶
--text-300: 50 9% 73.7%;¶
--text-400: 48 4.8% 59.2%;¶
--text-500: 48 4.8% 59.2%;¶
}¶
¶
#home-header {¶
font-family: "Anthropic Sans", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;¶
font-weight: 400 !important;¶
font-size: 50px;¶
line-height: 1.2;¶
margin-bottom: 1rem;¶
color: --text-000;¶
display: flex;¶
align-items: baseline;¶
justify-content: center;¶
flex-wrap: nowrap;¶
}¶
¶
#localization-select-trigger > :has(img[src*="flags"]) {¶
display: none;¶
}¶
¶
div[id^="localization-select-item"] > :has(img[src*="flags"]) {¶
display: none;¶
}¶
¶
/* Keep home header centered on all screen sizes */¶
@media (min-width: 768px) {¶
#home-header {¶
justify-content: center;¶
}¶
}¶
¶
.build-with {¶
font-family: "Anthropic Sans", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;¶
letter-spacing: -0.02em;¶
}¶
¶
.claude-wordmark-wrapper {¶
display: inline-flex;¶
align-items: baseline;¶
margin-left: 10px; /* Space between "Build with" and the wordmark */¶
}¶
¶
.claude-wordmark {¶
height: 40px; /* Adjust this value to match your desired size */¶
width: auto;¶
position: relative;¶
}¶
¶
.dark #home-header {¶
color: white;¶
}¶
¶
.description-text {¶
color: black;¶
}¶
¶
.dark .description-text {¶
color: white;¶
}¶
¶
.dark .claude-wordmark {¶
filter: invert(1);¶
}¶
¶
:root {¶
--bg-color: #f0efea;¶
}¶
¶
.dark {¶
--bg-color: #2b2b2b;¶
}¶
¶
body,¶
input,¶
#category-select,¶
.dropdown-item,¶
#table-of-contents {¶
font-family: "Anthropic Sans", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;¶
}¶
¶
.eyebrow {¶
font-family: "Anthropic Sans", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;¶
text-transform: uppercase;¶
letter-spacing: 0.02rem;¶
}¶
¶
#content-container {¶
font-family: "Anthropic Sans", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;¶
}¶
¶
#content-container h1,¶
#content-container h2,¶
#content-container h3,¶
#content-container h4,¶
#content-container h5,¶
#content-container h6 {¶
font-family: "Anthropic Serif Display", Georgia, "Times New Roman", Times, serif;¶
font-weight: 400;¶
}¶
¶
#content-container p {¶
font-size: 1rem;¶
line-height: 1.65rem;¶
}¶
¶
.font-extrabold {¶
font-weight: 600 !important;¶
}¶
¶
.wide-table {¶
width: 100%;¶
overflow-x: auto;¶
}¶
¶
.wide-table table {¶
width: 175%;¶
margin-bottom: 0;¶
}¶
¶
/* Prompt Library */¶
#prompt-library-container {¶
margin: 4rem auto;¶
max-width: 48rem;¶
padding-left: 1.25rem;¶
padding-right: 1.25rem;¶
}¶
¶
.prompt-library-title {¶
font-size: 24px;¶
text-align: center;¶
font-weight: 700;¶
color: #1f2937;¶
}¶
¶
.dark .prompt-library-title {¶
color: #e5e7eb;¶
}¶
¶
.prompt-library-description {¶
margin-top: 1rem;¶
text-align: center;¶
}¶
¶
.main-content {¶
margin-bottom: 10rem;¶
max-width: 64rem;¶
margin-left: auto;¶
margin-right: auto;¶
padding-left: 1.25rem;¶
padding-right: 1.25rem;¶
}¶
¶
.prompt-controllers {¶
display: flex;¶
gap: 0.5rem;¶
}¶
¶
.prompt-search-container {¶
position: relative;¶
flex: 1 1 0%;¶
}¶
¶
.prompt-search-icon-container {¶
display: flex;¶
position: absolute;¶
top: 0;¶
bottom: 0;¶
left: 0;¶
align-items: center;¶
padding-left: 0.75rem;¶
}¶
¶
.prompt-search-icon {¶
margin-left: 0.25rem;¶
margin-right: 0.75rem;¶
flex: none;¶
width: 1rem;¶
height: 1rem;¶
background-color: #6b7280;¶
mask-image: url(https://mintlify.b-cdn.net/v6.5.1/solid/magnifying-glass.svg);¶
mask-repeat: no-repeat;¶
mask-position: center center;¶
}¶
¶
input.prompt-search-bar {¶
display: block;¶
height: 2.5rem;¶
padding-left: 2.5rem;¶
border-radius: 0.75rem;¶
border-width: 1px;¶
background-color: #ffffff;¶
width: 100%;¶
color: #111827;¶
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);¶
}¶
¶
.dark input.prompt-search-bar {¶
color: #ffffff;¶
background-color: rgb(var(--background-dark));¶
border-color: #d1d5db1a;¶
}¶
¶
input.prompt-search-bar:focus {¶
outline-color: rgb(var(--primary));¶
}¶
¶
.dark input.prompt-search-bar:focus {¶
outline-color: rgb(var(--primary-light));¶
}¶
¶
.dark .prompt-search-icon {¶
background-color: #ffffff80;¶
}¶
¶
#category-select {¶
padding-left: 1rem;¶
padding-right: 2.5rem;¶
height: 2.5rem;¶
display: flex;¶
align-items: center;¶
border-radius: 0.75rem;¶
border-width: 1px;¶
color: #111827;¶
background-color: #ffffff;¶
cursor: pointer;¶
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);¶
white-space: nowrap;¶
}¶
¶
.dark #category-select {¶
background-color: rgb(var(--background-dark));¶
border-color: #d1d5db1a;¶
color: #ffffff;¶
}¶
¶
#category-select:hover {¶
background-color: #f9fafb;¶
}¶
¶
.dark #category-select:hover {¶
background-color: #ffffff0d;¶
}¶
¶
#category-select:focus {¶
outline-color: rgb(var(--primary));¶
}¶
¶
.dark #category-select:focus {¶
outline-color: rgb(var(--primary-light));¶
}¶
¶
#categories-dropdown {¶
top: calc(100% + 4px);¶
padding: 0.5rem 0.5rem;¶
display: none;¶
position: absolute;¶
z-index: 10;¶
border-radius: 0.75rem;¶
border-width: 1px;¶
width: 100%;¶
color: #111827;¶
background-color: #ffffff;¶
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);¶
}¶
¶
.dark #categories-dropdown {¶
background-color: rgb(var(--background-dark));¶
border-color: #d1d5db1a;¶
color: #ffffff;¶
}¶
¶
#categories-dropdown-clickout {¶
position: fixed;¶
top: 0;¶
right: 0;¶
bottom: 0;¶
left: 0;¶
z-index: 0;¶
}¶
¶
.dropdown-icon-container {¶
display: flex;¶
position: absolute;¶
top: 0;¶
bottom: 0;¶
right: 0;¶
align-items: center;¶
padding-right: 0.25rem;¶
}¶
¶
.dropdown-icon {¶
margin-left: 0.25rem;¶
margin-right: 0.75rem;¶
flex: none;¶
width: 0.75rem;¶
height: 0.75rem;¶
background-color: #6b7280;¶
mask-image: url(https://mintlify.b-cdn.net/v6.5.1/solid/caret-down.svg);¶
mask-repeat: no-repeat;¶
mask-position: center center;¶
}¶
¶
.dark .dropdown-icon {¶
background-color: #ffffff80;¶
}¶
¶
#prompts-container {¶
grid-template-columns: repeat(1, minmax(0, 1fr));¶
gap: 2rem;¶
}¶
¶
.dropdown-item {¶
padding: 0.25rem 0.5rem;¶
border-radius: 0.375rem;¶
display: flex;¶
align-items: center;¶
cursor: pointer;¶
}¶
¶
.dropdown-item:hover {¶
background-color: #f9fafb;¶
}¶
¶
.dark .dropdown-item:hover {¶
background-color: #ffffff0d;¶
}¶
¶
.check-icon {¶
mask-image: url(https://mintlify.b-cdn.net/v6.5.1/solid/check.svg);¶
height: 0.875rem;¶
width: 1rem;¶
background-color: rgb(var(--primary-light));¶
mask-repeat: no-repeat;¶
mask-position: center center;¶
}¶
¶
.prompt-card {¶
margin: -0.75rem;¶
padding: 0.75rem;¶
display: flex;¶
border-radius: 1rem;¶
}¶
¶
.prompt-card:hover {¶
background-color: #03071208;¶
}¶
¶
.dark .prompt-card:hover {¶
background-color: #ffffff08;¶
}¶
¶
.prompt-icon-container {¶
display: flex;¶
flex: none;¶
align-items: center;¶
justify-content: center;¶
margin-right: 1.5rem;¶
border-radius: 0.75rem;¶
height: 4rem;¶
width: 4rem;¶
background-color: #cb785c1a;¶
}¶
¶
.prompt-icon {¶
height: 1.5rem;¶
width: 1.5rem;¶
background-color: rgb(var(--primary-light));¶
mask-repeat: no-repeat;¶
mask-position: center center;¶
}¶
¶
.prompt-title {¶
color: rgb(31 41 55);¶
font-weight: 600;¶
}¶
¶
.dark .prompt-title {¶
color: rgb(229 231 235);¶
}¶
¶
.prompt-description {¶
margin-top: 0.25rem;¶
}¶
¶
#prompts-container {¶
display: grid;¶
margin-top: 2.5rem;¶
}¶
¶
@media (min-width: 640px) {¶
#category-select {¶
width: 16rem;¶
}¶
}¶
¶
@media (min-width: 1024px) {¶
#prompts-container {¶
grid-template-columns: repeat(2, minmax(0, 1fr));¶
}¶
}¶
¶
/* Home page card styling */¶
.home-cards-custom {¶
display: grid;¶
grid-template-columns: repeat(3, 1fr);¶
grid-template-rows: repeat(2, auto);¶
gap: 1.5rem;¶
}¶
¶
.home-cards-custom .card {¶
background: transparent;¶
border: 0.5px solid hsl(var(--border-300));¶
border-radius: 12px;¶
padding: 0.25rem;¶
}¶
¶
/* Responsive: change to 2 columns on tablet, single column on mobile */¶
@media (max-width: 1024px) {¶
.home-cards-custom {¶
grid-template-columns: repeat(2, 1fr);¶
grid-template-rows: repeat(3, auto);¶
}¶
}¶
¶
@media (max-width: 768px) {¶
.home-cards-custom {¶
grid-template-columns: 1fr;¶
grid-template-rows: repeat(6, auto);¶
}¶
}¶
¶
/* Utility classes */¶
.relative {¶
position: relative;¶
}¶
¶
.flex-1 {¶
flex: 1 1 0%;¶
}¶
¶
/* Mermaid diagram styling with graph paper background using Anthropic brand colors */¶
.mermaid {¶
position: relative;¶
background-color: #FDFDFB; /* Very light version of neutral #F0F0EB */¶
background-image:¶
linear-gradient(rgba(235, 219, 188, .25) 1px, transparent 1px), /* Secondary color #EBDBBC with low opacity */¶
linear-gradient(90deg, rgba(235, 219, 188, .25) 1px, transparent 1px),¶
linear-gradient(rgba(235, 219, 188, .1) 1px, transparent 1px),¶
linear-gradient(90deg, rgba(235, 219, 188, .1) 1px, transparent 1px);¶
background-size:¶
20px 20px,¶
20px 20px,¶
4px 4px,¶
4px 4px;¶
background-position:¶
-1px -1px,¶
-1px -1px,¶
-1px -1px,¶
-1px -1px;¶
padding: 20px;¶
border-radius: 8px;¶
border: 1px solid rgba(235, 219, 188, .4); /* Secondary color border */¶
box-shadow: 0 2px 4px rgba(64, 64, 62, 0.08); /* Subtle shadow using #40403E */¶
}¶
¶
.dark .mermaid {¶
background-color: #1a1918; /* Dark version maintaining brand tone */¶
background-image:¶
linear-gradient(rgba(212, 162, 127, .15) 1px, transparent 1px), /* Tertiary color #D4A27F with low opacity */¶
linear-gradient(90deg, rgba(212, 162, 127, .15) 1px, transparent 1px),¶
linear-gradient(rgba(212, 162, 127, .08) 1px, transparent 1px),¶
linear-gradient(90deg, rgba(212, 162, 127, .08) 1px, transparent 1px);¶
border: 1px solid rgba(102, 102, 99, .5); /* Using #666663 from brand */¶
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);¶
}¶
</style><div class="flex flex-row-reverse gap-12 box-border w-full pt-40 lg:pt-10"><div class="hidden xl:flex self-start sticky xl:flex-col max-w-[28rem] z-[21] h-[calc(100vh-9.5rem)] top-[calc(9.5rem-var(--sidenav-move-up,0px))]" id="content-side-layout"><div class="z-10 hidden xl:flex box-border max-h-full pl-10 w-[19rem]" id="table-of-contents-layout"><div class="text-gray-600 text-sm leading-6 w-[16.5rem] overflow-y-auto space-y-2 pb-4 -mt-10 pt-10" id="table-of-contents"><button class="text-gray-700 dark:text-gray-300 font-medium flex items-center space-x-2 hover:text-gray-900 dark:hover:text-gray-100 transition-colors cursor-pointer"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" xmlns="http://www.w3.org/2000/svg" class="h-3 w-3"><path d="M2.44434 12.6665H13.5554" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.44434 3.3335H13.5554" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.44434 8H7.33323" stroke-linecap="round" stroke-linejoin="round"></path></svg><span>On this page</span></button><ul id="table-of-contents-content" class="toc"><li class="toc-item relative" data-depth="0"><a href="#getting-started" class="break-words py-1 block font-medium hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300">Getting started</a></li><li class="toc-item relative" data-depth="1"><a style="padding-left:1rem" href="#create-your-first-skill" class="group flex items-start break-words py-1 whitespace-pre-wrap text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300">Create your first skill</a></li><li class="toc-item relative" data-depth="1"><a style="padding-left:1rem" href="#where-skills-live" class="group flex items-start break-words py-1 whitespace-pre-wrap text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300">Where skills live</a></li><li class="toc-item relative" data-depth="2"><a style="padding-left:2rem" href="#automatic-discovery-from-nested-directories" class="group flex items-start break-words py-1 whitespace-pre-wrap text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300">Automatic discovery from nested directories</a></li><li class="toc-item relative" data-depth="2"><a style="padding-left:2rem" href="#skills-from-additional-directories" class="group flex items-start break-words py-1 whitespace-pre-wrap text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300">Skills from additional directories</a></li><li class="toc-item relative" data-depth="0"><a href="#configure-skills" class="break-words py-1 block font-medium hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300">Configure skills</a></li><li class="toc-item relative" data-depth="1"><a style="padding-left:1rem" href="#types-of-skill-content" class="group flex items-start break-words py-1 whitespace-pre-wrap text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300">Types of skill content</a></li><li class="toc-item relative" data-depth="1"><a style="padding-left:1rem" href="#frontmatter-reference" class="group flex items-start break-words py-1 whitespace-pre-wrap text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300">Frontmatter reference</a></li><li class="toc-item relative" data-depth="2"><a style="padding-left:2rem" href="#available-string-substitutions" class="group flex items-start break-words py-1 whitespace-pre-wrap text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300">Available string substitutions</a></li><li class="toc-item relative" data-depth="1"><a style="padding-left:1rem" href="#add-supporting-files" class="group flex items-start break-words py-1 whitespace-pre-wrap text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300">Add supporting files</a></li><li class="toc-item relative" data-depth="1"><a style="padding-left:1rem" href="#control-who-invokes-a-skill" class="group flex items-start break-words py-1 whitespace-pre-wrap text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300">Control who invokes a skill</a></li><li class="toc-item relative" data-depth="1"><a style="padding-left:1rem" href="#restrict-tool-access" class="group flex items-start break-words py-1 whitespace-pre-wrap text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300">Restrict tool access</a></li><li class="toc-item relative" data-depth="1"><a style="padding-left:1rem" href="#pass-arguments-to-skills" class="group flex items-start break-words py-1 whitespace-pre-wrap text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300">Pass arguments to skills</a></li><li class="toc-item relative" data-depth="0"><a href="#advanced-patterns" class="break-words py-1 block font-medium hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300">Advanced patterns</a></li><li class="toc-item relative" data-depth="1"><a style="padding-left:1rem" href="#inject-dynamic-context" class="group flex items-start break-words py-1 whitespace-pre-wrap text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300">Inject dynamic context</a></li><li class="toc-item relative" data-depth="1"><a style="padding-left:1rem" href="#run-skills-in-a-subagent" class="group flex items-start break-words py-1 whitespace-pre-wrap text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300">Run skills in a subagent</a></li><li class="toc-item relative" data-depth="2"><a style="padding-left:2rem" href="#example-research-skill-using-explore-agent" class="group flex items-start break-words py-1 whitespace-pre-wrap text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300">Example: Research skill using Explore agent</a></li><li class="toc-item relative" data-depth="1"><a style="padding-left:1rem" href="#restrict-claude%E2%80%99s-skill-access" class="group flex items-start break-words py-1 whitespace-pre-wrap text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300">Restrict Claude’s skill access</a></li><li class="toc-item relative" data-depth="0"><a href="#share-skills" class="break-words py-1 block font-medium hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300">Share skills</a></li><li class="toc-item relative" data-depth="1"><a style="padding-left:1rem" href="#generate-visual-output" class="group flex items-start break-words py-1 whitespace-pre-wrap text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300">Generate visual output</a></li><li class="toc-item relative" data-depth="0"><a href="#troubleshooting" class="break-words py-1 block font-medium hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300">Troubleshooting</a></li><li class="toc-item relative" data-depth="1"><a style="padding-left:1rem" href="#skill-not-triggering" class="group flex items-start break-words py-1 whitespace-pre-wrap text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300">Skill not triggering</a></li><li class="toc-item relative" data-depth="1"><a style="padding-left:1rem" href="#skill-triggers-too-often" class="group flex items-start break-words py-1 whitespace-pre-wrap text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300">Skill triggers too often</a></li><li class="toc-item relative" data-depth="1"><a style="padding-left:1rem" href="#claude-doesn%E2%80%99t-see-all-my-skills" class="group flex items-start break-words py-1 whitespace-pre-wrap text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300">Claude doesn’t see all my skills</a></li><li class="toc-item relative" data-depth="0"><a href="#related-resources" class="break-words py-1 block font-medium hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300">Related resources</a></li></ul></div></div></div><div class="relative grow box-border flex-col w-full mx-auto px-1 lg:pl-[23.7rem] lg:-ml-12 xl:w-[calc(100%-28rem)]" id="content-area"><header id="header" class="relative leading-none"><div class="mt-0.5 space-y-2.5"><div class="eyebrow h-5 text-primary dark:text-primary-light text-sm font-semibold">Build with Claude Code</div><div class="flex flex-col sm:flex-row items-start sm:items-center relative gap-2 min-w-0"><h1 id="page-title" class="text-2xl sm:text-3xl text-gray-900 tracking-tight dark:text-gray-200 [overflow-wrap:anywhere] font-bold">Extend Claude with skills</h1><div id="page-context-menu" class="items-center shrink-0 min-w-[156px] justify-end ml-auto sm:flex hidden"><button id="page-context-menu-button" class="rounded-l-xl px-3 text-gray-700 dark:text-gray-300 py-1.5 border border-gray-200 dark:border-white/[0.07] bg-background-light dark:bg-background-dark hover:bg-gray-600/5 dark:hover:bg-gray-200/5 border-r-0" aria-label="Copy page"><div class="flex items-center gap-2 text-sm text-center font-medium"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4"><path d="M14.25 5.25H7.25C6.14543 5.25 5.25 6.14543 5.25 7.25V14.25C5.25 15.3546 6.14543 16.25 7.25 16.25H14.25C15.3546 16.25 16.25 15.3546 16.25 14.25V7.25C16.25 6.14543 15.3546 5.25 14.25 5.25Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.80103 11.998L1.77203 5.07397C1.61003 3.98097 2.36403 2.96397 3.45603 2.80197L10.38 1.77297C11.313 1.63397 12.19 2.16297 12.528 3.00097" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg><span>Copy page</span></div></button><button class="group disabled:pointer-events-none [&>span]:line-clamp-1 overflow-hidden group flex items-center py-0.5 gap-1 text-sm text-gray-950/50 dark:text-white/50 group-hover:text-gray-950/70 dark:group-hover:text-white/70 rounded-none rounded-r-xl border px-3 border-gray-200 aspect-square dark:border-white/[0.07] bg-background-light dark:bg-background-dark hover:bg-gray-600/5 dark:hover:bg-gray-200/5" aria-label="More actions" type="button" id="radix-_R_1e8r5fiupkpt5qbsnpfdb_" aria-haspopup="menu" aria-expanded="false" data-state="closed"><svg width="8" height="24" viewBox="0 -9 3 24" class="transition-transform text-gray-400 overflow-visible group-hover:text-gray-600 dark:text-gray-600 dark:group-hover:text-gray-400 rotate-90"><path d="M0 0L3 3L0 6" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg></button></div></div></div><div class="mt-2 text-lg prose prose-gray dark:prose-invert [&>*]:[overflow-wrap:anywhere]"><p>Create, manage, and share skills to extend Claude’s capabilities in Claude Code. Includes custom slash commands.</p></div><div id="page-context-menu" class="flex items-center shrink-0 min-w-[156px] mt-3 sm:hidden"><button id="page-context-menu-button" class="rounded-l-xl px-3 text-gray-700 dark:text-gray-300 py-1.5 border border-gray-200 dark:border-white/[0.07] bg-background-light dark:bg-background-dark hover:bg-gray-600/5 dark:hover:bg-gray-200/5 border-r-0" aria-label="Copy page"><div class="flex items-center gap-2 text-sm text-center font-medium"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4"><path d="M14.25 5.25H7.25C6.14543 5.25 5.25 6.14543 5.25 7.25V14.25C5.25 15.3546 6.14543 16.25 7.25 16.25H14.25C15.3546 16.25 16.25 15.3546 16.25 14.25V7.25C16.25 6.14543 15.3546 5.25 14.25 5.25Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.80103 11.998L1.77203 5.07397C1.61003 3.98097 2.36403 2.96397 3.45603 2.80197L10.38 1.77297C11.313 1.63397 12.19 2.16297 12.528 3.00097" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg><span>Copy page</span></div></button><button class="group disabled:pointer-events-none [&>span]:line-clamp-1 overflow-hidden group flex items-center py-0.5 gap-1 text-sm text-gray-950/50 dark:text-white/50 group-hover:text-gray-950/70 dark:group-hover:text-white/70 rounded-none rounded-r-xl border px-3 border-gray-200 aspect-square dark:border-white/[0.07] bg-background-light dark:bg-background-dark hover:bg-gray-600/5 dark:hover:bg-gray-200/5" aria-label="More actions" type="button" id="radix-_R_2or5fiupkpt5qbsnpfdb_" aria-haspopup="menu" aria-expanded="false" data-state="closed"><svg width="8" height="24" viewBox="0 -9 3 24" class="transition-transform text-gray-400 overflow-visible group-hover:text-gray-600 dark:text-gray-600 dark:group-hover:text-gray-400 rotate-90"><path d="M0 0L3 3L0 6" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg></button></div></header><div class="mdx-content relative mt-8 mb-14 prose prose-gray dark:prose-invert [contain:inline-size] isolate" data-page-title="Extend Claude with skills" data-page-href="/en/skills" id="content"><span data-as="p">Skills extend what Claude can do. Create a <code>SKILL.md</code> file with instructions, and Claude adds it to its toolkit. Claude uses skills when relevant, or you can invoke one directly with <code>/skill-name</code>.</span>¶
<div class="callout my-4 px-5 py-4 overflow-hidden rounded-2xl flex gap-3 border border-blue-200 bg-blue-50 dark:border-blue-900 dark:bg-blue-600/20" data-callout-type="note"><div class="mt-0.5 w-4" data-component-part="callout-icon"><svg width="14" height="14" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="size-4 text-blue-800 dark:text-blue-300" aria-label="Note"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 1.3C10.14 1.3 12.7 3.86 12.7 7C12.7 10.14 10.14 12.7 7 12.7C5.48908 12.6974 4.0408 12.096 2.97241 11.0276C1.90403 9.9592 1.30264 8.51092 1.3 7C1.3 3.86 3.86 1.3 7 1.3ZM7 0C3.14 0 0 3.14 0 7C0 10.86 3.14 14 7 14C10.86 14 14 10.86 14 7C14 3.14 10.86 0 7 0ZM8 3H6V8H8V3ZM8 9H6V11H8V9Z"></path></svg></div><div class="text-sm prose dark:prose-invert min-w-0 w-full [&_kbd]:bg-background-light dark:[&_kbd]:bg-background-dark [&_code]:!text-current [&_kbd]:!text-current [&_a]:!text-current [&_a]:border-current [&_strong]:!text-current text-blue-800 dark:text-blue-300" data-component-part="callout-content"><span data-as="p">For built-in commands like <code>/help</code> and <code>/compact</code>, see <a class="link" href="/docs/en/interactive-mode#built-in-commands">interactive mode</a>.</span><span data-as="p"><strong>Custom slash commands have been merged into skills.</strong> A file at <code>.claude/commands/review.md</code> and a skill at <code>.claude/skills/review/SKILL.md</code> both create <code>/review</code> and work the same way. Your existing <code>.claude/commands/</code> files keep working. Skills add optional features: a directory for supporting files, frontmatter to <a href="#control-who-invokes-a-skill" class="link">control whether you or Claude invokes them</a>, and the ability for Claude to load them automatically when relevant.</span></div></div>¶
<span data-as="p">Claude Code skills follow the <a href="https://agentskills.io" target="_blank" rel="noreferrer" class="link">Agent Skills</a> open standard, which works across multiple AI tools. Claude Code extends the standard with additional features like <a href="#control-who-invokes-a-skill" class="link">invocation control</a>, <a href="#run-skills-in-a-subagent" class="link">subagent execution</a>, and <a href="#inject-dynamic-context" class="link">dynamic context injection</a>.</span>¶
<h2 class="flex whitespace-pre-wrap group font-semibold" id="getting-started"><div class="absolute" tabindex="-1"><a href="#getting-started" class="-ml-10 flex items-center opacity-0 border-0 group-hover:opacity-100 focus:opacity-100 focus:outline-0 group/link" aria-label="Navigate to header"><div class="w-6 h-6 rounded-md flex items-center justify-center shadow-sm text-gray-400 dark:text-white/50 dark:bg-background-dark dark:brightness-[1.35] dark:ring-1 dark:hover:brightness-150 bg-white ring-1 ring-gray-400/30 dark:ring-gray-700/25 hover:ring-gray-400/60 dark:hover:ring-white/20 group-focus/link:border-2 group-focus/link:border-primary dark:group-focus/link:border-primary-light"><svg xmlns="http://www.w3.org/2000/svg" fill="gray" height="12px" viewBox="0 0 576 512"><path d="M0 256C0 167.6 71.6 96 160 96h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C98.1 144 48 194.1 48 256s50.1 112 112 112h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C71.6 416 0 344.4 0 256zm576 0c0 88.4-71.6 160-160 160H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c61.9 0 112-50.1 112-112s-50.1-112-112-112H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c88.4 0 160 71.6 160 160zM184 232H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-13.3 0-24-10.7-24-24s10.7-24 24-24z"></path></svg></div></a></div><span class="cursor-pointer">Getting started</span></h2>¶
<h3 class="flex whitespace-pre-wrap group font-semibold" id="create-your-first-skill"><div class="absolute" tabindex="-1"><a href="#create-your-first-skill" class="-ml-10 flex items-center opacity-0 border-0 group-hover:opacity-100 focus:opacity-100 focus:outline-0 group/link" aria-label="Navigate to header"><div class="w-6 h-6 rounded-md flex items-center justify-center shadow-sm text-gray-400 dark:text-white/50 dark:bg-background-dark dark:brightness-[1.35] dark:ring-1 dark:hover:brightness-150 bg-white ring-1 ring-gray-400/30 dark:ring-gray-700/25 hover:ring-gray-400/60 dark:hover:ring-white/20 group-focus/link:border-2 group-focus/link:border-primary dark:group-focus/link:border-primary-light"><svg xmlns="http://www.w3.org/2000/svg" fill="gray" height="12px" viewBox="0 0 576 512"><path d="M0 256C0 167.6 71.6 96 160 96h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C98.1 144 48 194.1 48 256s50.1 112 112 112h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C71.6 416 0 344.4 0 256zm576 0c0 88.4-71.6 160-160 160H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c61.9 0 112-50.1 112-112s-50.1-112-112-112H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c88.4 0 160 71.6 160 160zM184 232H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-13.3 0-24-10.7-24-24s10.7-24 24-24z"></path></svg></div></a></div><span class="cursor-pointer">Create your first skill</span></h3>¶
<span data-as="p">This example creates a skill that teaches Claude to explain code using visual diagrams and analogies. Since it uses default frontmatter, Claude can load it automatically when you ask how something works, or you can invoke it directly with <code>/explain-code</code>.</span>¶
<div role="list" class="steps ml-3.5 mt-10 mb-6"><div id="" role="listitem" class="step group/step step-container relative flex items-start pb-5"><div data-component-part="step-line" class="absolute w-px h-[calc(100%-2.75rem)] top-[2.75rem] bg-gray-200/70 dark:bg-white/10" contentEditable="false"></div><div class="absolute ml-[-13px] py-2" data-component-part="step-number" contentEditable="false"><div class="relative size-7 shrink-0 rounded-full bg-gray-50 dark:bg-white/10 text-xs text-gray-900 dark:text-gray-50 font-semibold flex items-center justify-center"><div class="">1</div><div class="absolute" data-component-part="step-number-anchor-link"><a href="#" class="flex items-center opacity-0 border-0" aria-label="Navigate to header"><div class="w-6 h-6 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" fill="gray" height="12px" viewBox="0 0 576 512"><path d="M0 256C0 167.6 71.6 96 160 96h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C98.1 144 48 194.1 48 256s50.1 112 112 112h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C71.6 416 0 344.4 0 256zm576 0c0 88.4-71.6 160-160 160H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c61.9 0 112-50.1 112-112s-50.1-112-112-112H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c88.4 0 160 71.6 160 160zM184 232H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-13.3 0-24-10.7-24-24s10.7-24 24-24z"></path></svg></div></a></div></div></div><div class="w-full overflow-hidden pl-8 pr-px"><p class="mt-2 font-semibold prose dark:prose-invert text-gray-900 dark:text-gray-200" contentEditable="false" data-component-part="step-title">Create the skill directory</p><div data-component-part="step-content" class="prose dark:prose-invert"><span data-as="p">Create a directory for the skill in your personal skills folder. Personal skills are available across all your projects.</span><div class="code-block mt-5 mb-8 not-prose rounded-2xl relative group text-gray-950 dark:text-gray-50 codeblock-light border border-gray-950/10 dark:border-white/10 dark:twoslash-dark bg-transparent dark:bg-transparent" numberOfLines="1" language="shellscript"><div data-floating-buttons="true" class="absolute top-3 right-4 flex items-center gap-1.5"><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/code-snippet-feedback-button" id="code-snippet-feedback-button" aria-label="Report incorrect code"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4 text-gray-400 group-hover/code-snippet-feedback-button:text-gray-500 dark:text-white/40 dark:group-hover/code-snippet-feedback-button:text-white/60"><path d="M12 16h.01"></path><path d="M12 8v4"></path><path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Report incorrect code</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/copy-button " data-testid="copy-code-button" aria-label="Copy the contents from the code block"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/copy-button:text-gray-500 dark:text-white/40 dark:group-hover/copy-button:text-white/60"><path d="M14.25 5.25H7.25C6.14543 5.25 5.25 6.14543 5.25 7.25V14.25C5.25 15.3546 6.14543 16.25 7.25 16.25H14.25C15.3546 16.25 16.25 15.3546 16.25 14.25V7.25C16.25 6.14543 15.3546 5.25 14.25 5.25Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.80103 11.998L1.77203 5.07397C1.61003 3.98097 2.36403 2.96397 3.45603 2.80197L10.38 1.77297C11.313 1.63397 12.19 2.16297 12.528 3.00097" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Copy</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/ask-ai-button " id="ask-ai-code-block-button" aria-label="Ask AI" data-chat-payload-element-id="lang-shellscript-code-mkdir_-p____claude_s"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/ask-ai-button:text-gray-500 dark:text-white/40 dark:group-hover/ask-ai-button:text-white/60"><path d="M3.51169 1.50098L3.92087 2.72754L3.99997 2.96387L5.49997 3.46387L4.23825 3.88477L4.00095 3.96387L3.92184 4.20117L3.50095 5.46191L3.49997 5.46387H3.49899L2.99899 3.96387L1.49899 3.46387L2.99899 2.96387L3.07809 2.72754L3.4863 1.50098C3.49031 1.50045 3.49522 1.5 3.49997 1.5C3.50416 1.50002 3.50807 1.50054 3.51169 1.50098Z" stroke="currentColor"></path><path d="M9.5 2.75L11.412 7.587L16.25 9.5L11.412 11.413L9.5 16.25L7.587 11.413L2.75 9.5L7.587 7.587L9.5 2.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Ask AI</div></div></div><div class="w-0 min-w-full max-w-full py-3.5 px-4 h-full dark:bg-codeblock relative text-sm leading-6 children:!my-0 children:!shadow-none children:!bg-transparent transition-[height] duration-300 ease-in-out code-block-background [&_*]:ring-0 [&_*]:outline-0 [&_*]:focus:ring-0 [&_*]:focus:outline-0 rounded-2xl bg-white overflow-x-auto scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-black/15 hover:scrollbar-thumb-black/20 active:scrollbar-thumb-black/20 dark:scrollbar-thumb-white/20 dark:hover:scrollbar-thumb-white/25 dark:active:scrollbar-thumb-white/25" data-component-part="code-block-root" tabindex="0" style="font-variant-ligatures:none;height:auto;background-color:#ffffff;--shiki-dark-bg:#0B0C0E"><div class="font-mono whitespace-pre leading-6"><pre class="shiki shiki-themes github-light-default dark-plus" style="background-color:#ffffff;--shiki-dark-bg:#0B0C0E;color:#1f2328;--shiki-dark:#D4D4D4" language="shellscript"><code language="shellscript" numberOfLines="1"><span class="line"><span style="color:#953800;--shiki-dark:#DCDCAA">mkdir</span><span style="color:#0550AE;--shiki-dark:#569CD6"> -p</span><span style="color:#0A3069;--shiki-dark:#CE9178"> ~/.claude/skills/explain-code</span></span>¶
</code></pre></div></div><div data-fade-overlay="true" aria-hidden="true" style="--fade-color-light:#ffffff;--fade-color-dark:#0B0C0E"></div></div></div></div></div><div id="" role="listitem" class="step group/step step-container relative flex items-start pb-5"><div data-component-part="step-line" class="absolute w-px h-[calc(100%-2.75rem)] top-[2.75rem] bg-gray-200/70 dark:bg-white/10" contentEditable="false"></div><div class="absolute ml-[-13px] py-2" data-component-part="step-number" contentEditable="false"><div class="relative size-7 shrink-0 rounded-full bg-gray-50 dark:bg-white/10 text-xs text-gray-900 dark:text-gray-50 font-semibold flex items-center justify-center"><div class="">2</div><div class="absolute" data-component-part="step-number-anchor-link"><a href="#" class="flex items-center opacity-0 border-0" aria-label="Navigate to header"><div class="w-6 h-6 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" fill="gray" height="12px" viewBox="0 0 576 512"><path d="M0 256C0 167.6 71.6 96 160 96h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C98.1 144 48 194.1 48 256s50.1 112 112 112h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C71.6 416 0 344.4 0 256zm576 0c0 88.4-71.6 160-160 160H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c61.9 0 112-50.1 112-112s-50.1-112-112-112H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c88.4 0 160 71.6 160 160zM184 232H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-13.3 0-24-10.7-24-24s10.7-24 24-24z"></path></svg></div></a></div></div></div><div class="w-full overflow-hidden pl-8 pr-px"><p class="mt-2 font-semibold prose dark:prose-invert text-gray-900 dark:text-gray-200" contentEditable="false" data-component-part="step-title">Write SKILL.md</p><div data-component-part="step-content" class="prose dark:prose-invert"><span data-as="p">Every skill needs a <code>SKILL.md</code> file with two parts: YAML frontmatter (between <code>---</code> markers) that tells Claude when to use the skill, and markdown content with instructions Claude follows when the skill is invoked. The <code>name</code> field becomes the <code>/slash-command</code>, and the <code>description</code> helps Claude decide when to load it automatically.</span><span data-as="p">Create <code>~/.claude/skills/explain-code/SKILL.md</code>:</span><div class="code-block mt-5 mb-8 not-prose rounded-2xl relative group text-gray-950 dark:text-gray-50 codeblock-light border border-gray-950/10 dark:border-white/10 dark:twoslash-dark bg-transparent dark:bg-transparent" numberOfLines="13" language="yaml"><div data-floating-buttons="true" class="absolute top-3 right-4 flex items-center gap-1.5"><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/code-snippet-feedback-button" id="code-snippet-feedback-button" aria-label="Report incorrect code"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4 text-gray-400 group-hover/code-snippet-feedback-button:text-gray-500 dark:text-white/40 dark:group-hover/code-snippet-feedback-button:text-white/60"><path d="M12 16h.01"></path><path d="M12 8v4"></path><path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Report incorrect code</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/copy-button " data-testid="copy-code-button" aria-label="Copy the contents from the code block"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/copy-button:text-gray-500 dark:text-white/40 dark:group-hover/copy-button:text-white/60"><path d="M14.25 5.25H7.25C6.14543 5.25 5.25 6.14543 5.25 7.25V14.25C5.25 15.3546 6.14543 16.25 7.25 16.25H14.25C15.3546 16.25 16.25 15.3546 16.25 14.25V7.25C16.25 6.14543 15.3546 5.25 14.25 5.25Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.80103 11.998L1.77203 5.07397C1.61003 3.98097 2.36403 2.96397 3.45603 2.80197L10.38 1.77297C11.313 1.63397 12.19 2.16297 12.528 3.00097" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Copy</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/ask-ai-button " id="ask-ai-code-block-button" aria-label="Ask AI" data-chat-payload-element-id="lang-yaml-code----_name__explain-co"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/ask-ai-button:text-gray-500 dark:text-white/40 dark:group-hover/ask-ai-button:text-white/60"><path d="M3.51169 1.50098L3.92087 2.72754L3.99997 2.96387L5.49997 3.46387L4.23825 3.88477L4.00095 3.96387L3.92184 4.20117L3.50095 5.46191L3.49997 5.46387H3.49899L2.99899 3.96387L1.49899 3.46387L2.99899 2.96387L3.07809 2.72754L3.4863 1.50098C3.49031 1.50045 3.49522 1.5 3.49997 1.5C3.50416 1.50002 3.50807 1.50054 3.51169 1.50098Z" stroke="currentColor"></path><path d="M9.5 2.75L11.412 7.587L16.25 9.5L11.412 11.413L9.5 16.25L7.587 11.413L2.75 9.5L7.587 7.587L9.5 2.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Ask AI</div></div></div><div class="w-0 min-w-full max-w-full py-3.5 px-4 h-full dark:bg-codeblock relative text-sm leading-6 children:!my-0 children:!shadow-none children:!bg-transparent transition-[height] duration-300 ease-in-out code-block-background [&_*]:ring-0 [&_*]:outline-0 [&_*]:focus:ring-0 [&_*]:focus:outline-0 rounded-2xl bg-white overflow-x-auto scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-black/15 hover:scrollbar-thumb-black/20 active:scrollbar-thumb-black/20 dark:scrollbar-thumb-white/20 dark:hover:scrollbar-thumb-white/25 dark:active:scrollbar-thumb-white/25" data-component-part="code-block-root" tabindex="0" style="font-variant-ligatures:none;height:auto;background-color:#ffffff;--shiki-dark-bg:#0B0C0E"><div class="font-mono whitespace-pre leading-6"><pre class="shiki shiki-themes github-light-default dark-plus" style="background-color:#ffffff;--shiki-dark-bg:#0B0C0E;color:#1f2328;--shiki-dark:#D4D4D4" language="yaml"><code language="yaml" numberOfLines="13"><span class="line"><span style="color:#0550AE;--shiki-dark:#D4D4D4">---</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">name</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">explain-code</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">description</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">Explains code with visual diagrams and analogies. Use when explaining how code works, teaching about a codebase, or when the user asks "how does this work?"</span></span>¶
<span class="line"><span style="color:#0550AE;--shiki-dark:#D4D4D4">---</span></span>¶
<span class="line"></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">When explaining code, always include</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">:</span></span>¶
<span class="line"></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">1. **Start with an analogy**</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">Compare the code to something from everyday life</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">2. **Draw a diagram**</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">Use ASCII art to show the flow, structure, or relationships</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">3. **Walk through the code**</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">Explain step-by-step what happens</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">4. **Highlight a gotcha**</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">What's a common mistake or misconception?</span></span>¶
<span class="line"></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178">Keep explanations conversational. For complex concepts, use multiple analogies.</span></span>¶
</code></pre></div></div><div data-fade-overlay="true" aria-hidden="true" style="--fade-color-light:#ffffff;--fade-color-dark:#0B0C0E"></div></div></div></div></div><div id="" role="listitem" class="step group/step step-container relative flex items-start pb-5"><div data-component-part="step-line" class="absolute w-px h-[calc(100%-2.75rem)] top-[2.75rem] bg-transparent bg-gradient-to-b from-gray-200 dark:from-white/10 via-80% to-transparent group-has-[[data-component-part="step-content"]:empty]/step:hidden" contentEditable="false"></div><div class="absolute ml-[-13px] py-2" data-component-part="step-number" contentEditable="false"><div class="relative size-7 shrink-0 rounded-full bg-gray-50 dark:bg-white/10 text-xs text-gray-900 dark:text-gray-50 font-semibold flex items-center justify-center"><div class="">3</div><div class="absolute" data-component-part="step-number-anchor-link"><a href="#" class="flex items-center opacity-0 border-0" aria-label="Navigate to header"><div class="w-6 h-6 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" fill="gray" height="12px" viewBox="0 0 576 512"><path d="M0 256C0 167.6 71.6 96 160 96h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C98.1 144 48 194.1 48 256s50.1 112 112 112h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C71.6 416 0 344.4 0 256zm576 0c0 88.4-71.6 160-160 160H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c61.9 0 112-50.1 112-112s-50.1-112-112-112H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c88.4 0 160 71.6 160 160zM184 232H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-13.3 0-24-10.7-24-24s10.7-24 24-24z"></path></svg></div></a></div></div></div><div class="w-full overflow-hidden pl-8 pr-px"><p class="mt-2 font-semibold prose dark:prose-invert text-gray-900 dark:text-gray-200" contentEditable="false" data-component-part="step-title">Test the skill</p><div data-component-part="step-content" class="prose dark:prose-invert"><span data-as="p">You can test it two ways:</span><span data-as="p"><strong>Let Claude invoke it automatically</strong> by asking something that matches the description:</span><div class="code-block mt-5 mb-8 not-prose rounded-2xl relative group text-gray-950 dark:text-gray-50 codeblock-light border border-gray-950/10 dark:border-white/10 dark:twoslash-dark bg-transparent dark:bg-transparent" numberOfLines="2" language="text"><div data-floating-buttons="true" class="absolute top-3 right-4 flex items-center gap-1.5"><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/code-snippet-feedback-button" id="code-snippet-feedback-button" aria-label="Report incorrect code"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4 text-gray-400 group-hover/code-snippet-feedback-button:text-gray-500 dark:text-white/40 dark:group-hover/code-snippet-feedback-button:text-white/60"><path d="M12 16h.01"></path><path d="M12 8v4"></path><path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Report incorrect code</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/copy-button " data-testid="copy-code-button" aria-label="Copy the contents from the code block"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/copy-button:text-gray-500 dark:text-white/40 dark:group-hover/copy-button:text-white/60"><path d="M14.25 5.25H7.25C6.14543 5.25 5.25 6.14543 5.25 7.25V14.25C5.25 15.3546 6.14543 16.25 7.25 16.25H14.25C15.3546 16.25 16.25 15.3546 16.25 14.25V7.25C16.25 6.14543 15.3546 5.25 14.25 5.25Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.80103 11.998L1.77203 5.07397C1.61003 3.98097 2.36403 2.96397 3.45603 2.80197L10.38 1.77297C11.313 1.63397 12.19 2.16297 12.528 3.00097" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Copy</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/ask-ai-button " id="ask-ai-code-block-button" aria-label="Ask AI" data-chat-payload-element-id="lang-text-code-How_does_this_code_w"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/ask-ai-button:text-gray-500 dark:text-white/40 dark:group-hover/ask-ai-button:text-white/60"><path d="M3.51169 1.50098L3.92087 2.72754L3.99997 2.96387L5.49997 3.46387L4.23825 3.88477L4.00095 3.96387L3.92184 4.20117L3.50095 5.46191L3.49997 5.46387H3.49899L2.99899 3.96387L1.49899 3.46387L2.99899 2.96387L3.07809 2.72754L3.4863 1.50098C3.49031 1.50045 3.49522 1.5 3.49997 1.5C3.50416 1.50002 3.50807 1.50054 3.51169 1.50098Z" stroke="currentColor"></path><path d="M9.5 2.75L11.412 7.587L16.25 9.5L11.412 11.413L9.5 16.25L7.587 11.413L2.75 9.5L7.587 7.587L9.5 2.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Ask AI</div></div></div><div class="w-0 min-w-full max-w-full py-3.5 px-4 h-full dark:bg-codeblock relative text-sm leading-6 children:!my-0 children:!shadow-none children:!bg-transparent transition-[height] duration-300 ease-in-out code-block-background [&_*]:ring-0 [&_*]:outline-0 [&_*]:focus:ring-0 [&_*]:focus:outline-0 rounded-2xl bg-white overflow-x-auto scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-black/15 hover:scrollbar-thumb-black/20 active:scrollbar-thumb-black/20 dark:scrollbar-thumb-white/20 dark:hover:scrollbar-thumb-white/25 dark:active:scrollbar-thumb-white/25" data-component-part="code-block-root" tabindex="0" style="font-variant-ligatures:none;height:auto;background-color:#ffffff;--shiki-dark-bg:#0B0C0E"><div class="font-mono whitespace-pre leading-6"><pre class="shiki shiki-themes github-light-default dark-plus" style="background-color:#ffffff;--shiki-dark-bg:#0B0C0E;color:#1f2328;--shiki-dark:#D4D4D4" language="text"><code language="text" numberOfLines="2"><span class="line"><span>How does this code work?</span></span>¶
<span class="line"><span></span></span></code></pre></div></div><div data-fade-overlay="true" aria-hidden="true" style="--fade-color-light:#ffffff;--fade-color-dark:#0B0C0E"></div></div><span data-as="p"><strong>Or invoke it directly</strong> with the skill name:</span><div class="code-block mt-5 mb-8 not-prose rounded-2xl relative group text-gray-950 dark:text-gray-50 codeblock-light border border-gray-950/10 dark:border-white/10 dark:twoslash-dark bg-transparent dark:bg-transparent" numberOfLines="2" language="text"><div data-floating-buttons="true" class="absolute top-3 right-4 flex items-center gap-1.5"><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/code-snippet-feedback-button" id="code-snippet-feedback-button" aria-label="Report incorrect code"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4 text-gray-400 group-hover/code-snippet-feedback-button:text-gray-500 dark:text-white/40 dark:group-hover/code-snippet-feedback-button:text-white/60"><path d="M12 16h.01"></path><path d="M12 8v4"></path><path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Report incorrect code</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/copy-button " data-testid="copy-code-button" aria-label="Copy the contents from the code block"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/copy-button:text-gray-500 dark:text-white/40 dark:group-hover/copy-button:text-white/60"><path d="M14.25 5.25H7.25C6.14543 5.25 5.25 6.14543 5.25 7.25V14.25C5.25 15.3546 6.14543 16.25 7.25 16.25H14.25C15.3546 16.25 16.25 15.3546 16.25 14.25V7.25C16.25 6.14543 15.3546 5.25 14.25 5.25Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.80103 11.998L1.77203 5.07397C1.61003 3.98097 2.36403 2.96397 3.45603 2.80197L10.38 1.77297C11.313 1.63397 12.19 2.16297 12.528 3.00097" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Copy</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/ask-ai-button " id="ask-ai-code-block-button" aria-label="Ask AI" data-chat-payload-element-id="lang-text-code-_explain-code_src_au"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/ask-ai-button:text-gray-500 dark:text-white/40 dark:group-hover/ask-ai-button:text-white/60"><path d="M3.51169 1.50098L3.92087 2.72754L3.99997 2.96387L5.49997 3.46387L4.23825 3.88477L4.00095 3.96387L3.92184 4.20117L3.50095 5.46191L3.49997 5.46387H3.49899L2.99899 3.96387L1.49899 3.46387L2.99899 2.96387L3.07809 2.72754L3.4863 1.50098C3.49031 1.50045 3.49522 1.5 3.49997 1.5C3.50416 1.50002 3.50807 1.50054 3.51169 1.50098Z" stroke="currentColor"></path><path d="M9.5 2.75L11.412 7.587L16.25 9.5L11.412 11.413L9.5 16.25L7.587 11.413L2.75 9.5L7.587 7.587L9.5 2.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Ask AI</div></div></div><div class="w-0 min-w-full max-w-full py-3.5 px-4 h-full dark:bg-codeblock relative text-sm leading-6 children:!my-0 children:!shadow-none children:!bg-transparent transition-[height] duration-300 ease-in-out code-block-background [&_*]:ring-0 [&_*]:outline-0 [&_*]:focus:ring-0 [&_*]:focus:outline-0 rounded-2xl bg-white overflow-x-auto scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-black/15 hover:scrollbar-thumb-black/20 active:scrollbar-thumb-black/20 dark:scrollbar-thumb-white/20 dark:hover:scrollbar-thumb-white/25 dark:active:scrollbar-thumb-white/25" data-component-part="code-block-root" tabindex="0" style="font-variant-ligatures:none;height:auto;background-color:#ffffff;--shiki-dark-bg:#0B0C0E"><div class="font-mono whitespace-pre leading-6"><pre class="shiki shiki-themes github-light-default dark-plus" style="background-color:#ffffff;--shiki-dark-bg:#0B0C0E;color:#1f2328;--shiki-dark:#D4D4D4" language="text"><code language="text" numberOfLines="2"><span class="line"><span>/explain-code src/auth/login.ts</span></span>¶
<span class="line"><span></span></span></code></pre></div></div><div data-fade-overlay="true" aria-hidden="true" style="--fade-color-light:#ffffff;--fade-color-dark:#0B0C0E"></div></div><span data-as="p">Either way, Claude should include an analogy and ASCII diagram in its explanation.</span></div></div></div></div>¶
<h3 class="flex whitespace-pre-wrap group font-semibold" id="where-skills-live"><div class="absolute" tabindex="-1"><a href="#where-skills-live" class="-ml-10 flex items-center opacity-0 border-0 group-hover:opacity-100 focus:opacity-100 focus:outline-0 group/link" aria-label="Navigate to header"><div class="w-6 h-6 rounded-md flex items-center justify-center shadow-sm text-gray-400 dark:text-white/50 dark:bg-background-dark dark:brightness-[1.35] dark:ring-1 dark:hover:brightness-150 bg-white ring-1 ring-gray-400/30 dark:ring-gray-700/25 hover:ring-gray-400/60 dark:hover:ring-white/20 group-focus/link:border-2 group-focus/link:border-primary dark:group-focus/link:border-primary-light"><svg xmlns="http://www.w3.org/2000/svg" fill="gray" height="12px" viewBox="0 0 576 512"><path d="M0 256C0 167.6 71.6 96 160 96h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C98.1 144 48 194.1 48 256s50.1 112 112 112h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C71.6 416 0 344.4 0 256zm576 0c0 88.4-71.6 160-160 160H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c61.9 0 112-50.1 112-112s-50.1-112-112-112H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c88.4 0 160 71.6 160 160zM184 232H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-13.3 0-24-10.7-24-24s10.7-24 24-24z"></path></svg></div></a></div><span class="cursor-pointer">Where skills live</span></h3>¶
<span data-as="p">Where you store a skill determines who can use it:</span>¶
<div data-table-wrapper="true" class="[--page-padding:20px] overflow-x-auto flex w-[calc(100%+(var(--page-padding)*2))] my-[1em] py-[1em] -mx-[var(--page-padding)] max-w-none [contain:inline-size]"><div class="px-[var(--page-padding)] grow max-w-none table"><table class="m-0 min-w-full w-full max-w-none table [&_td]:min-w-[150px] [&_th]:text-left [&_td[data-numeric]]:tabular-nums"><thead><tr><th style="text-align:left">Location</th><th style="text-align:left">Path</th><th style="text-align:left">Applies to</th></tr></thead><tbody><tr><td style="text-align:left">Enterprise</td><td style="text-align:left">See <a class="link" href="/docs/en/permissions#managed-settings">managed settings</a></td><td style="text-align:left">All users in your organization</td></tr><tr><td style="text-align:left">Personal</td><td style="text-align:left"><code>~/.claude/skills/<skill-name>/SKILL.md</code></td><td style="text-align:left">All your projects</td></tr><tr><td style="text-align:left">Project</td><td style="text-align:left"><code>.claude/skills/<skill-name>/SKILL.md</code></td><td style="text-align:left">This project only</td></tr><tr><td style="text-align:left">Plugin</td><td style="text-align:left"><code><plugin>/skills/<skill-name>/SKILL.md</code></td><td style="text-align:left">Where plugin is enabled</td></tr></tbody></table></div></div>¶
<span data-as="p">When skills share the same name across levels, higher-priority locations win: enterprise > personal > project. Plugin skills use a <code>plugin-name:skill-name</code> namespace, so they cannot conflict with other levels. If you have files in <code>.claude/commands/</code>, those work the same way, but if a skill and a command share the same name, the skill takes precedence.</span>¶
<h4 class="flex whitespace-pre-wrap group font-semibold" id="automatic-discovery-from-nested-directories"><div class="absolute" tabindex="-1"><a href="#automatic-discovery-from-nested-directories" class="-ml-10 flex items-center opacity-0 border-0 group-hover:opacity-100 focus:opacity-100 focus:outline-0 group/link" aria-label="Navigate to header"><div class="w-6 h-6 rounded-md flex items-center justify-center shadow-sm text-gray-400 dark:text-white/50 dark:bg-background-dark dark:brightness-[1.35] dark:ring-1 dark:hover:brightness-150 bg-white ring-1 ring-gray-400/30 dark:ring-gray-700/25 hover:ring-gray-400/60 dark:hover:ring-white/20 group-focus/link:border-2 group-focus/link:border-primary dark:group-focus/link:border-primary-light"><svg xmlns="http://www.w3.org/2000/svg" fill="gray" height="12px" viewBox="0 0 576 512"><path d="M0 256C0 167.6 71.6 96 160 96h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C98.1 144 48 194.1 48 256s50.1 112 112 112h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C71.6 416 0 344.4 0 256zm576 0c0 88.4-71.6 160-160 160H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c61.9 0 112-50.1 112-112s-50.1-112-112-112H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c88.4 0 160 71.6 160 160zM184 232H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-13.3 0-24-10.7-24-24s10.7-24 24-24z"></path></svg></div></a></div><span class="cursor-pointer">Automatic discovery from nested directories</span></h4>¶
<span data-as="p">When you work with files in subdirectories, Claude Code automatically discovers skills from nested <code>.claude/skills/</code> directories. For example, if you’re editing a file in <code>packages/frontend/</code>, Claude Code also looks for skills in <code>packages/frontend/.claude/skills/</code>. This supports monorepo setups where packages have their own skills.</span>¶
<span data-as="p">Each skill is a directory with <code>SKILL.md</code> as the entrypoint:</span>¶
<div class="code-block mt-5 mb-8 not-prose rounded-2xl relative group text-gray-950 dark:text-gray-50 codeblock-light border border-gray-950/10 dark:border-white/10 dark:twoslash-dark bg-transparent dark:bg-transparent" numberOfLines="8" language="text"><div data-floating-buttons="true" class="absolute top-3 right-4 flex items-center gap-1.5"><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/code-snippet-feedback-button" id="code-snippet-feedback-button" aria-label="Report incorrect code"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4 text-gray-400 group-hover/code-snippet-feedback-button:text-gray-500 dark:text-white/40 dark:group-hover/code-snippet-feedback-button:text-white/60"><path d="M12 16h.01"></path><path d="M12 8v4"></path><path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Report incorrect code</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/copy-button " data-testid="copy-code-button" aria-label="Copy the contents from the code block"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/copy-button:text-gray-500 dark:text-white/40 dark:group-hover/copy-button:text-white/60"><path d="M14.25 5.25H7.25C6.14543 5.25 5.25 6.14543 5.25 7.25V14.25C5.25 15.3546 6.14543 16.25 7.25 16.25H14.25C15.3546 16.25 16.25 15.3546 16.25 14.25V7.25C16.25 6.14543 15.3546 5.25 14.25 5.25Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.80103 11.998L1.77203 5.07397C1.61003 3.98097 2.36403 2.96397 3.45603 2.80197L10.38 1.77297C11.313 1.63397 12.19 2.16297 12.528 3.00097" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Copy</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/ask-ai-button " id="ask-ai-code-block-button" aria-label="Ask AI" data-chat-payload-element-id="lang-text-code-my-skill______SKILL_"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/ask-ai-button:text-gray-500 dark:text-white/40 dark:group-hover/ask-ai-button:text-white/60"><path d="M3.51169 1.50098L3.92087 2.72754L3.99997 2.96387L5.49997 3.46387L4.23825 3.88477L4.00095 3.96387L3.92184 4.20117L3.50095 5.46191L3.49997 5.46387H3.49899L2.99899 3.96387L1.49899 3.46387L2.99899 2.96387L3.07809 2.72754L3.4863 1.50098C3.49031 1.50045 3.49522 1.5 3.49997 1.5C3.50416 1.50002 3.50807 1.50054 3.51169 1.50098Z" stroke="currentColor"></path><path d="M9.5 2.75L11.412 7.587L16.25 9.5L11.412 11.413L9.5 16.25L7.587 11.413L2.75 9.5L7.587 7.587L9.5 2.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Ask AI</div></div></div><div class="w-0 min-w-full max-w-full py-3.5 px-4 h-full dark:bg-codeblock relative text-sm leading-6 children:!my-0 children:!shadow-none children:!bg-transparent transition-[height] duration-300 ease-in-out code-block-background [&_*]:ring-0 [&_*]:outline-0 [&_*]:focus:ring-0 [&_*]:focus:outline-0 rounded-2xl bg-white overflow-x-auto scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-black/15 hover:scrollbar-thumb-black/20 active:scrollbar-thumb-black/20 dark:scrollbar-thumb-white/20 dark:hover:scrollbar-thumb-white/25 dark:active:scrollbar-thumb-white/25" data-component-part="code-block-root" tabindex="0" style="font-variant-ligatures:none;height:auto;background-color:#ffffff;--shiki-dark-bg:#0B0C0E"><div class="font-mono whitespace-pre leading-6"><pre class="shiki shiki-themes github-light-default dark-plus" style="background-color:#ffffff;--shiki-dark-bg:#0B0C0E;color:#1f2328;--shiki-dark:#D4D4D4" language="text"><code language="text" numberOfLines="8"><span class="line"><span>my-skill/</span></span>¶
<span class="line"><span>├── SKILL.md # Main instructions (required)</span></span>¶
<span class="line"><span>├── template.md # Template for Claude to fill in</span></span>¶
<span class="line"><span>├── examples/</span></span>¶
<span class="line"><span>│ └── sample.md # Example output showing expected format</span></span>¶
<span class="line"><span>└── scripts/</span></span>¶
<span class="line"><span> └── validate.sh # Script Claude can execute</span></span>¶
<span class="line"><span></span></span></code></pre></div></div><div data-fade-overlay="true" aria-hidden="true" style="--fade-color-light:#ffffff;--fade-color-dark:#0B0C0E"></div></div>¶
<span data-as="p">The <code>SKILL.md</code> contains the main instructions and is required. Other files are optional and let you build more powerful skills: templates for Claude to fill in, example outputs showing the expected format, scripts Claude can execute, or detailed reference documentation. Reference these files from your <code>SKILL.md</code> so Claude knows what they contain and when to load them. See <a href="#add-supporting-files" class="link">Add supporting files</a> for more details.</span>¶
<div class="callout my-4 px-5 py-4 overflow-hidden rounded-2xl flex gap-3 border border-blue-200 bg-blue-50 dark:border-blue-900 dark:bg-blue-600/20" data-callout-type="note"><div class="mt-0.5 w-4" data-component-part="callout-icon"><svg width="14" height="14" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="size-4 text-blue-800 dark:text-blue-300" aria-label="Note"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 1.3C10.14 1.3 12.7 3.86 12.7 7C12.7 10.14 10.14 12.7 7 12.7C5.48908 12.6974 4.0408 12.096 2.97241 11.0276C1.90403 9.9592 1.30264 8.51092 1.3 7C1.3 3.86 3.86 1.3 7 1.3ZM7 0C3.14 0 0 3.14 0 7C0 10.86 3.14 14 7 14C10.86 14 14 10.86 14 7C14 3.14 10.86 0 7 0ZM8 3H6V8H8V3ZM8 9H6V11H8V9Z"></path></svg></div><div class="text-sm prose dark:prose-invert min-w-0 w-full [&_kbd]:bg-background-light dark:[&_kbd]:bg-background-dark [&_code]:!text-current [&_kbd]:!text-current [&_a]:!text-current [&_a]:border-current [&_strong]:!text-current text-blue-800 dark:text-blue-300" data-component-part="callout-content"><span data-as="p">Files in <code>.claude/commands/</code> still work and support the same <a href="#frontmatter-reference" class="link">frontmatter</a>. Skills are recommended since they support additional features like supporting files.</span></div></div>¶
<h4 class="flex whitespace-pre-wrap group font-semibold" id="skills-from-additional-directories"><div class="absolute" tabindex="-1"><a href="#skills-from-additional-directories" class="-ml-10 flex items-center opacity-0 border-0 group-hover:opacity-100 focus:opacity-100 focus:outline-0 group/link" aria-label="Navigate to header"><div class="w-6 h-6 rounded-md flex items-center justify-center shadow-sm text-gray-400 dark:text-white/50 dark:bg-background-dark dark:brightness-[1.35] dark:ring-1 dark:hover:brightness-150 bg-white ring-1 ring-gray-400/30 dark:ring-gray-700/25 hover:ring-gray-400/60 dark:hover:ring-white/20 group-focus/link:border-2 group-focus/link:border-primary dark:group-focus/link:border-primary-light"><svg xmlns="http://www.w3.org/2000/svg" fill="gray" height="12px" viewBox="0 0 576 512"><path d="M0 256C0 167.6 71.6 96 160 96h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C98.1 144 48 194.1 48 256s50.1 112 112 112h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C71.6 416 0 344.4 0 256zm576 0c0 88.4-71.6 160-160 160H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c61.9 0 112-50.1 112-112s-50.1-112-112-112H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c88.4 0 160 71.6 160 160zM184 232H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-13.3 0-24-10.7-24-24s10.7-24 24-24z"></path></svg></div></a></div><span class="cursor-pointer">Skills from additional directories</span></h4>¶
<span data-as="p">Skills defined in <code>.claude/skills/</code> within directories added via <code>--add-dir</code> are loaded automatically and picked up by live change detection, so you can edit them during a session without restarting.</span>¶
<div class="callout my-4 px-5 py-4 overflow-hidden rounded-2xl flex gap-3 border border-blue-200 bg-blue-50 dark:border-blue-900 dark:bg-blue-600/20" data-callout-type="note"><div class="mt-0.5 w-4" data-component-part="callout-icon"><svg width="14" height="14" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="size-4 text-blue-800 dark:text-blue-300" aria-label="Note"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 1.3C10.14 1.3 12.7 3.86 12.7 7C12.7 10.14 10.14 12.7 7 12.7C5.48908 12.6974 4.0408 12.096 2.97241 11.0276C1.90403 9.9592 1.30264 8.51092 1.3 7C1.3 3.86 3.86 1.3 7 1.3ZM7 0C3.14 0 0 3.14 0 7C0 10.86 3.14 14 7 14C10.86 14 14 10.86 14 7C14 3.14 10.86 0 7 0ZM8 3H6V8H8V3ZM8 9H6V11H8V9Z"></path></svg></div><div class="text-sm prose dark:prose-invert min-w-0 w-full [&_kbd]:bg-background-light dark:[&_kbd]:bg-background-dark [&_code]:!text-current [&_kbd]:!text-current [&_a]:!text-current [&_a]:border-current [&_strong]:!text-current text-blue-800 dark:text-blue-300" data-component-part="callout-content"><span data-as="p">CLAUDE.md files from <code>--add-dir</code> directories are not loaded by default. To load them, set <code>CLAUDE_CODE_ADDITIONAL_DIRECTORIES_CLAUDE_MD=1</code>. See <a class="link" href="/docs/en/memory#load-memory-from-additional-directories">Load memory from additional directories</a>.</span></div></div>¶
<h2 class="flex whitespace-pre-wrap group font-semibold" id="configure-skills"><div class="absolute" tabindex="-1"><a href="#configure-skills" class="-ml-10 flex items-center opacity-0 border-0 group-hover:opacity-100 focus:opacity-100 focus:outline-0 group/link" aria-label="Navigate to header"><div class="w-6 h-6 rounded-md flex items-center justify-center shadow-sm text-gray-400 dark:text-white/50 dark:bg-background-dark dark:brightness-[1.35] dark:ring-1 dark:hover:brightness-150 bg-white ring-1 ring-gray-400/30 dark:ring-gray-700/25 hover:ring-gray-400/60 dark:hover:ring-white/20 group-focus/link:border-2 group-focus/link:border-primary dark:group-focus/link:border-primary-light"><svg xmlns="http://www.w3.org/2000/svg" fill="gray" height="12px" viewBox="0 0 576 512"><path d="M0 256C0 167.6 71.6 96 160 96h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C98.1 144 48 194.1 48 256s50.1 112 112 112h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C71.6 416 0 344.4 0 256zm576 0c0 88.4-71.6 160-160 160H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c61.9 0 112-50.1 112-112s-50.1-112-112-112H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c88.4 0 160 71.6 160 160zM184 232H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-13.3 0-24-10.7-24-24s10.7-24 24-24z"></path></svg></div></a></div><span class="cursor-pointer">Configure skills</span></h2>¶
<span data-as="p">Skills are configured through YAML frontmatter at the top of <code>SKILL.md</code> and the markdown content that follows.</span>¶
<h3 class="flex whitespace-pre-wrap group font-semibold" id="types-of-skill-content"><div class="absolute" tabindex="-1"><a href="#types-of-skill-content" class="-ml-10 flex items-center opacity-0 border-0 group-hover:opacity-100 focus:opacity-100 focus:outline-0 group/link" aria-label="Navigate to header"><div class="w-6 h-6 rounded-md flex items-center justify-center shadow-sm text-gray-400 dark:text-white/50 dark:bg-background-dark dark:brightness-[1.35] dark:ring-1 dark:hover:brightness-150 bg-white ring-1 ring-gray-400/30 dark:ring-gray-700/25 hover:ring-gray-400/60 dark:hover:ring-white/20 group-focus/link:border-2 group-focus/link:border-primary dark:group-focus/link:border-primary-light"><svg xmlns="http://www.w3.org/2000/svg" fill="gray" height="12px" viewBox="0 0 576 512"><path d="M0 256C0 167.6 71.6 96 160 96h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C98.1 144 48 194.1 48 256s50.1 112 112 112h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C71.6 416 0 344.4 0 256zm576 0c0 88.4-71.6 160-160 160H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c61.9 0 112-50.1 112-112s-50.1-112-112-112H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c88.4 0 160 71.6 160 160zM184 232H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-13.3 0-24-10.7-24-24s10.7-24 24-24z"></path></svg></div></a></div><span class="cursor-pointer">Types of skill content</span></h3>¶
<span data-as="p">Skill files can contain any instructions, but thinking about how you want to invoke them helps guide what to include:</span>¶
<span data-as="p"><strong>Reference content</strong> adds knowledge Claude applies to your current work. Conventions, patterns, style guides, domain knowledge. This content runs inline so Claude can use it alongside your conversation context.</span>¶
<div class="code-block mt-5 mb-8 not-prose rounded-2xl relative group text-gray-950 dark:text-gray-50 codeblock-light border border-gray-950/10 dark:border-white/10 dark:twoslash-dark bg-transparent dark:bg-transparent" numberOfLines="9" language="yaml"><div data-floating-buttons="true" class="absolute top-3 right-4 flex items-center gap-1.5"><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/code-snippet-feedback-button" id="code-snippet-feedback-button" aria-label="Report incorrect code"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4 text-gray-400 group-hover/code-snippet-feedback-button:text-gray-500 dark:text-white/40 dark:group-hover/code-snippet-feedback-button:text-white/60"><path d="M12 16h.01"></path><path d="M12 8v4"></path><path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Report incorrect code</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/copy-button " data-testid="copy-code-button" aria-label="Copy the contents from the code block"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/copy-button:text-gray-500 dark:text-white/40 dark:group-hover/copy-button:text-white/60"><path d="M14.25 5.25H7.25C6.14543 5.25 5.25 6.14543 5.25 7.25V14.25C5.25 15.3546 6.14543 16.25 7.25 16.25H14.25C15.3546 16.25 16.25 15.3546 16.25 14.25V7.25C16.25 6.14543 15.3546 5.25 14.25 5.25Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.80103 11.998L1.77203 5.07397C1.61003 3.98097 2.36403 2.96397 3.45603 2.80197L10.38 1.77297C11.313 1.63397 12.19 2.16297 12.528 3.00097" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Copy</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/ask-ai-button " id="ask-ai-code-block-button" aria-label="Ask AI" data-chat-payload-element-id="lang-yaml-code----_name__api-conven"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/ask-ai-button:text-gray-500 dark:text-white/40 dark:group-hover/ask-ai-button:text-white/60"><path d="M3.51169 1.50098L3.92087 2.72754L3.99997 2.96387L5.49997 3.46387L4.23825 3.88477L4.00095 3.96387L3.92184 4.20117L3.50095 5.46191L3.49997 5.46387H3.49899L2.99899 3.96387L1.49899 3.46387L2.99899 2.96387L3.07809 2.72754L3.4863 1.50098C3.49031 1.50045 3.49522 1.5 3.49997 1.5C3.50416 1.50002 3.50807 1.50054 3.51169 1.50098Z" stroke="currentColor"></path><path d="M9.5 2.75L11.412 7.587L16.25 9.5L11.412 11.413L9.5 16.25L7.587 11.413L2.75 9.5L7.587 7.587L9.5 2.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Ask AI</div></div></div><div class="w-0 min-w-full max-w-full py-3.5 px-4 h-full dark:bg-codeblock relative text-sm leading-6 children:!my-0 children:!shadow-none children:!bg-transparent transition-[height] duration-300 ease-in-out code-block-background [&_*]:ring-0 [&_*]:outline-0 [&_*]:focus:ring-0 [&_*]:focus:outline-0 rounded-2xl bg-white overflow-x-auto scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-black/15 hover:scrollbar-thumb-black/20 active:scrollbar-thumb-black/20 dark:scrollbar-thumb-white/20 dark:hover:scrollbar-thumb-white/25 dark:active:scrollbar-thumb-white/25" data-component-part="code-block-root" tabindex="0" style="font-variant-ligatures:none;height:auto;background-color:#ffffff;--shiki-dark-bg:#0B0C0E"><div class="font-mono whitespace-pre leading-6"><pre class="shiki shiki-themes github-light-default dark-plus" style="background-color:#ffffff;--shiki-dark-bg:#0B0C0E;color:#1f2328;--shiki-dark:#D4D4D4" language="yaml"><code language="yaml" numberOfLines="9"><span class="line"><span style="color:#0550AE;--shiki-dark:#D4D4D4">---</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">name</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">api-conventions</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">description</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">API design patterns for this codebase</span></span>¶
<span class="line"><span style="color:#0550AE;--shiki-dark:#D4D4D4">---</span></span>¶
<span class="line"></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">When writing API endpoints</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">:</span></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4">- </span><span style="color:#0A3069;--shiki-dark:#CE9178">Use RESTful naming conventions</span></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4">- </span><span style="color:#0A3069;--shiki-dark:#CE9178">Return consistent error formats</span></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4">- </span><span style="color:#0A3069;--shiki-dark:#CE9178">Include request validation</span></span>¶
</code></pre></div></div><div data-fade-overlay="true" aria-hidden="true" style="--fade-color-light:#ffffff;--fade-color-dark:#0B0C0E"></div></div>¶
<span data-as="p"><strong>Task content</strong> gives Claude step-by-step instructions for a specific action, like deployments, commits, or code generation. These are often actions you want to invoke directly with <code>/skill-name</code> rather than letting Claude decide when to run them. Add <code>disable-model-invocation: true</code> to prevent Claude from triggering it automatically.</span>¶
<div class="code-block mt-5 mb-8 not-prose rounded-2xl relative group text-gray-950 dark:text-gray-50 codeblock-light border border-gray-950/10 dark:border-white/10 dark:twoslash-dark bg-transparent dark:bg-transparent" numberOfLines="11" language="yaml"><div data-floating-buttons="true" class="absolute top-3 right-4 flex items-center gap-1.5"><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/code-snippet-feedback-button" id="code-snippet-feedback-button" aria-label="Report incorrect code"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4 text-gray-400 group-hover/code-snippet-feedback-button:text-gray-500 dark:text-white/40 dark:group-hover/code-snippet-feedback-button:text-white/60"><path d="M12 16h.01"></path><path d="M12 8v4"></path><path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Report incorrect code</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/copy-button " data-testid="copy-code-button" aria-label="Copy the contents from the code block"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/copy-button:text-gray-500 dark:text-white/40 dark:group-hover/copy-button:text-white/60"><path d="M14.25 5.25H7.25C6.14543 5.25 5.25 6.14543 5.25 7.25V14.25C5.25 15.3546 6.14543 16.25 7.25 16.25H14.25C15.3546 16.25 16.25 15.3546 16.25 14.25V7.25C16.25 6.14543 15.3546 5.25 14.25 5.25Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.80103 11.998L1.77203 5.07397C1.61003 3.98097 2.36403 2.96397 3.45603 2.80197L10.38 1.77297C11.313 1.63397 12.19 2.16297 12.528 3.00097" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Copy</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/ask-ai-button " id="ask-ai-code-block-button" aria-label="Ask AI" data-chat-payload-element-id="lang-yaml-code----_name__deploy_des"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/ask-ai-button:text-gray-500 dark:text-white/40 dark:group-hover/ask-ai-button:text-white/60"><path d="M3.51169 1.50098L3.92087 2.72754L3.99997 2.96387L5.49997 3.46387L4.23825 3.88477L4.00095 3.96387L3.92184 4.20117L3.50095 5.46191L3.49997 5.46387H3.49899L2.99899 3.96387L1.49899 3.46387L2.99899 2.96387L3.07809 2.72754L3.4863 1.50098C3.49031 1.50045 3.49522 1.5 3.49997 1.5C3.50416 1.50002 3.50807 1.50054 3.51169 1.50098Z" stroke="currentColor"></path><path d="M9.5 2.75L11.412 7.587L16.25 9.5L11.412 11.413L9.5 16.25L7.587 11.413L2.75 9.5L7.587 7.587L9.5 2.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Ask AI</div></div></div><div class="w-0 min-w-full max-w-full py-3.5 px-4 h-full dark:bg-codeblock relative text-sm leading-6 children:!my-0 children:!shadow-none children:!bg-transparent transition-[height] duration-300 ease-in-out code-block-background [&_*]:ring-0 [&_*]:outline-0 [&_*]:focus:ring-0 [&_*]:focus:outline-0 rounded-2xl bg-white overflow-x-auto scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-black/15 hover:scrollbar-thumb-black/20 active:scrollbar-thumb-black/20 dark:scrollbar-thumb-white/20 dark:hover:scrollbar-thumb-white/25 dark:active:scrollbar-thumb-white/25" data-component-part="code-block-root" tabindex="0" style="font-variant-ligatures:none;height:auto;background-color:#ffffff;--shiki-dark-bg:#0B0C0E"><div class="font-mono whitespace-pre leading-6"><pre class="shiki shiki-themes github-light-default dark-plus" style="background-color:#ffffff;--shiki-dark-bg:#0B0C0E;color:#1f2328;--shiki-dark:#D4D4D4" language="yaml"><code language="yaml" numberOfLines="11"><span class="line"><span style="color:#0550AE;--shiki-dark:#D4D4D4">---</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">name</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">deploy</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">description</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">Deploy the application to production</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">context</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">fork</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">disable-model-invocation</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0550AE;--shiki-dark:#569CD6">true</span></span>¶
<span class="line"><span style="color:#0550AE;--shiki-dark:#D4D4D4">---</span></span>¶
<span class="line"></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">Deploy the application</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">:</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178">1. Run the test suite</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178">2. Build the application</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178">3. Push to the deployment target</span></span>¶
</code></pre></div></div><div data-fade-overlay="true" aria-hidden="true" style="--fade-color-light:#ffffff;--fade-color-dark:#0B0C0E"></div></div>¶
<span data-as="p">Your <code>SKILL.md</code> can contain anything, but thinking through how you want the skill invoked (by you, by Claude, or both) and where you want it to run (inline or in a subagent) helps guide what to include. For complex skills, you can also <a href="#add-supporting-files" class="link">add supporting files</a> to keep the main skill focused.</span>¶
<h3 class="flex whitespace-pre-wrap group font-semibold" id="frontmatter-reference"><div class="absolute" tabindex="-1"><a href="#frontmatter-reference" class="-ml-10 flex items-center opacity-0 border-0 group-hover:opacity-100 focus:opacity-100 focus:outline-0 group/link" aria-label="Navigate to header"><div class="w-6 h-6 rounded-md flex items-center justify-center shadow-sm text-gray-400 dark:text-white/50 dark:bg-background-dark dark:brightness-[1.35] dark:ring-1 dark:hover:brightness-150 bg-white ring-1 ring-gray-400/30 dark:ring-gray-700/25 hover:ring-gray-400/60 dark:hover:ring-white/20 group-focus/link:border-2 group-focus/link:border-primary dark:group-focus/link:border-primary-light"><svg xmlns="http://www.w3.org/2000/svg" fill="gray" height="12px" viewBox="0 0 576 512"><path d="M0 256C0 167.6 71.6 96 160 96h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C98.1 144 48 194.1 48 256s50.1 112 112 112h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C71.6 416 0 344.4 0 256zm576 0c0 88.4-71.6 160-160 160H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c61.9 0 112-50.1 112-112s-50.1-112-112-112H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c88.4 0 160 71.6 160 160zM184 232H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-13.3 0-24-10.7-24-24s10.7-24 24-24z"></path></svg></div></a></div><span class="cursor-pointer">Frontmatter reference</span></h3>¶
<span data-as="p">Beyond the markdown content, you can configure skill behavior using YAML frontmatter fields between <code>---</code> markers at the top of your <code>SKILL.md</code> file:</span>¶
<div class="code-block mt-5 mb-8 not-prose rounded-2xl relative group text-gray-950 dark:text-gray-50 codeblock-light border border-gray-950/10 dark:border-white/10 dark:twoslash-dark bg-transparent dark:bg-transparent" numberOfLines="8" language="yaml"><div data-floating-buttons="true" class="absolute top-3 right-4 flex items-center gap-1.5"><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/code-snippet-feedback-button" id="code-snippet-feedback-button" aria-label="Report incorrect code"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4 text-gray-400 group-hover/code-snippet-feedback-button:text-gray-500 dark:text-white/40 dark:group-hover/code-snippet-feedback-button:text-white/60"><path d="M12 16h.01"></path><path d="M12 8v4"></path><path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Report incorrect code</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/copy-button " data-testid="copy-code-button" aria-label="Copy the contents from the code block"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/copy-button:text-gray-500 dark:text-white/40 dark:group-hover/copy-button:text-white/60"><path d="M14.25 5.25H7.25C6.14543 5.25 5.25 6.14543 5.25 7.25V14.25C5.25 15.3546 6.14543 16.25 7.25 16.25H14.25C15.3546 16.25 16.25 15.3546 16.25 14.25V7.25C16.25 6.14543 15.3546 5.25 14.25 5.25Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.80103 11.998L1.77203 5.07397C1.61003 3.98097 2.36403 2.96397 3.45603 2.80197L10.38 1.77297C11.313 1.63397 12.19 2.16297 12.528 3.00097" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Copy</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/ask-ai-button " id="ask-ai-code-block-button" aria-label="Ask AI" data-chat-payload-element-id="lang-yaml-code----_name__my-skill_d"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/ask-ai-button:text-gray-500 dark:text-white/40 dark:group-hover/ask-ai-button:text-white/60"><path d="M3.51169 1.50098L3.92087 2.72754L3.99997 2.96387L5.49997 3.46387L4.23825 3.88477L4.00095 3.96387L3.92184 4.20117L3.50095 5.46191L3.49997 5.46387H3.49899L2.99899 3.96387L1.49899 3.46387L2.99899 2.96387L3.07809 2.72754L3.4863 1.50098C3.49031 1.50045 3.49522 1.5 3.49997 1.5C3.50416 1.50002 3.50807 1.50054 3.51169 1.50098Z" stroke="currentColor"></path><path d="M9.5 2.75L11.412 7.587L16.25 9.5L11.412 11.413L9.5 16.25L7.587 11.413L2.75 9.5L7.587 7.587L9.5 2.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Ask AI</div></div></div><div class="w-0 min-w-full max-w-full py-3.5 px-4 h-full dark:bg-codeblock relative text-sm leading-6 children:!my-0 children:!shadow-none children:!bg-transparent transition-[height] duration-300 ease-in-out code-block-background [&_*]:ring-0 [&_*]:outline-0 [&_*]:focus:ring-0 [&_*]:focus:outline-0 rounded-2xl bg-white overflow-x-auto scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-black/15 hover:scrollbar-thumb-black/20 active:scrollbar-thumb-black/20 dark:scrollbar-thumb-white/20 dark:hover:scrollbar-thumb-white/25 dark:active:scrollbar-thumb-white/25" data-component-part="code-block-root" tabindex="0" style="font-variant-ligatures:none;height:auto;background-color:#ffffff;--shiki-dark-bg:#0B0C0E"><div class="font-mono whitespace-pre leading-6"><pre class="shiki shiki-themes github-light-default dark-plus" style="background-color:#ffffff;--shiki-dark-bg:#0B0C0E;color:#1f2328;--shiki-dark:#D4D4D4" language="yaml"><code language="yaml" numberOfLines="8"><span class="line"><span style="color:#0550AE;--shiki-dark:#D4D4D4">---</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">name</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">my-skill</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">description</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">What this skill does</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">disable-model-invocation</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0550AE;--shiki-dark:#569CD6">true</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">allowed-tools</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">Read, Grep</span></span>¶
<span class="line"><span style="color:#0550AE;--shiki-dark:#D4D4D4">---</span></span>¶
<span class="line"></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178">Your skill instructions here...</span></span>¶
</code></pre></div></div><div data-fade-overlay="true" aria-hidden="true" style="--fade-color-light:#ffffff;--fade-color-dark:#0B0C0E"></div></div>¶
<span data-as="p">All fields are optional. Only <code>description</code> is recommended so Claude knows when to use the skill.</span>¶
<div data-table-wrapper="true" class="[--page-padding:20px] overflow-x-auto flex w-[calc(100%+(var(--page-padding)*2))] my-[1em] py-[1em] -mx-[var(--page-padding)] max-w-none [contain:inline-size]"><div class="px-[var(--page-padding)] grow max-w-none table"><table class="m-0 min-w-full w-full max-w-none table [&_td]:min-w-[150px] [&_th]:text-left [&_td[data-numeric]]:tabular-nums"><thead><tr><th style="text-align:left">Field</th><th style="text-align:left">Required</th><th style="text-align:left">Description</th></tr></thead><tbody><tr><td style="text-align:left"><code>name</code></td><td style="text-align:left">No</td><td style="text-align:left">Display name for the skill. If omitted, uses the directory name. Lowercase letters, numbers, and hyphens only (max 64 characters).</td></tr><tr><td style="text-align:left"><code>description</code></td><td style="text-align:left">Recommended</td><td style="text-align:left">What the skill does and when to use it. Claude uses this to decide when to apply the skill. If omitted, uses the first paragraph of markdown content.</td></tr><tr><td style="text-align:left"><code>argument-hint</code></td><td style="text-align:left">No</td><td style="text-align:left">Hint shown during autocomplete to indicate expected arguments. Example: <code>[issue-number]</code> or <code>[filename] [format]</code>.</td></tr><tr><td style="text-align:left"><code>disable-model-invocation</code></td><td style="text-align:left">No</td><td style="text-align:left">Set to <code>true</code> to prevent Claude from automatically loading this skill. Use for workflows you want to trigger manually with <code>/name</code>. Default: <code>false</code>.</td></tr><tr><td style="text-align:left"><code>user-invocable</code></td><td style="text-align:left">No</td><td style="text-align:left">Set to <code>false</code> to hide from the <code>/</code> menu. Use for background knowledge users shouldn’t invoke directly. Default: <code>true</code>.</td></tr><tr><td style="text-align:left"><code>allowed-tools</code></td><td style="text-align:left">No</td><td style="text-align:left">Tools Claude can use without asking permission when this skill is active.</td></tr><tr><td style="text-align:left"><code>model</code></td><td style="text-align:left">No</td><td style="text-align:left">Model to use when this skill is active.</td></tr><tr><td style="text-align:left"><code>context</code></td><td style="text-align:left">No</td><td style="text-align:left">Set to <code>fork</code> to run in a forked subagent context.</td></tr><tr><td style="text-align:left"><code>agent</code></td><td style="text-align:left">No</td><td style="text-align:left">Which subagent type to use when <code>context: fork</code> is set.</td></tr><tr><td style="text-align:left"><code>hooks</code></td><td style="text-align:left">No</td><td style="text-align:left">Hooks scoped to this skill’s lifecycle. See <a class="link" href="/docs/en/hooks#hooks-in-skills-and-agents">Hooks in skills and agents</a> for configuration format.</td></tr></tbody></table></div></div>¶
<h4 class="flex whitespace-pre-wrap group font-semibold" id="available-string-substitutions"><div class="absolute" tabindex="-1"><a href="#available-string-substitutions" class="-ml-10 flex items-center opacity-0 border-0 group-hover:opacity-100 focus:opacity-100 focus:outline-0 group/link" aria-label="Navigate to header"><div class="w-6 h-6 rounded-md flex items-center justify-center shadow-sm text-gray-400 dark:text-white/50 dark:bg-background-dark dark:brightness-[1.35] dark:ring-1 dark:hover:brightness-150 bg-white ring-1 ring-gray-400/30 dark:ring-gray-700/25 hover:ring-gray-400/60 dark:hover:ring-white/20 group-focus/link:border-2 group-focus/link:border-primary dark:group-focus/link:border-primary-light"><svg xmlns="http://www.w3.org/2000/svg" fill="gray" height="12px" viewBox="0 0 576 512"><path d="M0 256C0 167.6 71.6 96 160 96h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C98.1 144 48 194.1 48 256s50.1 112 112 112h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C71.6 416 0 344.4 0 256zm576 0c0 88.4-71.6 160-160 160H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c61.9 0 112-50.1 112-112s-50.1-112-112-112H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c88.4 0 160 71.6 160 160zM184 232H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-13.3 0-24-10.7-24-24s10.7-24 24-24z"></path></svg></div></a></div><span class="cursor-pointer">Available string substitutions</span></h4>¶
<span data-as="p">Skills support string substitution for dynamic values in the skill content:</span>¶
<div data-table-wrapper="true" class="[--page-padding:20px] overflow-x-auto flex w-[calc(100%+(var(--page-padding)*2))] my-[1em] py-[1em] -mx-[var(--page-padding)] max-w-none [contain:inline-size]"><div class="px-[var(--page-padding)] grow max-w-none table"><table class="m-0 min-w-full w-full max-w-none table [&_td]:min-w-[150px] [&_th]:text-left [&_td[data-numeric]]:tabular-nums"><thead><tr><th style="text-align:left">Variable</th><th style="text-align:left">Description</th></tr></thead><tbody><tr><td style="text-align:left"><code>$ARGUMENTS</code></td><td style="text-align:left">All arguments passed when invoking the skill. If <code>$ARGUMENTS</code> is not present in the content, arguments are appended as <code>ARGUMENTS: <value></code>.</td></tr><tr><td style="text-align:left"><code>$ARGUMENTS[N]</code></td><td style="text-align:left">Access a specific argument by 0-based index, such as <code>$ARGUMENTS[0]</code> for the first argument.</td></tr><tr><td style="text-align:left"><code>$N</code></td><td style="text-align:left">Shorthand for <code>$ARGUMENTS[N]</code>, such as <code>$0</code> for the first argument or <code>$1</code> for the second.</td></tr><tr><td style="text-align:left"><code>${CLAUDE_SESSION_ID}</code></td><td style="text-align:left">The current session ID. Useful for logging, creating session-specific files, or correlating skill output with sessions.</td></tr></tbody></table></div></div>¶
<span data-as="p"><strong>Example using substitutions:</strong></span>¶
<div class="code-block mt-5 mb-8 not-prose rounded-2xl relative group text-gray-950 dark:text-gray-50 codeblock-light border border-gray-950/10 dark:border-white/10 dark:twoslash-dark bg-transparent dark:bg-transparent" numberOfLines="8" language="yaml"><div data-floating-buttons="true" class="absolute top-3 right-4 flex items-center gap-1.5"><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/code-snippet-feedback-button" id="code-snippet-feedback-button" aria-label="Report incorrect code"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4 text-gray-400 group-hover/code-snippet-feedback-button:text-gray-500 dark:text-white/40 dark:group-hover/code-snippet-feedback-button:text-white/60"><path d="M12 16h.01"></path><path d="M12 8v4"></path><path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Report incorrect code</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/copy-button " data-testid="copy-code-button" aria-label="Copy the contents from the code block"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/copy-button:text-gray-500 dark:text-white/40 dark:group-hover/copy-button:text-white/60"><path d="M14.25 5.25H7.25C6.14543 5.25 5.25 6.14543 5.25 7.25V14.25C5.25 15.3546 6.14543 16.25 7.25 16.25H14.25C15.3546 16.25 16.25 15.3546 16.25 14.25V7.25C16.25 6.14543 15.3546 5.25 14.25 5.25Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.80103 11.998L1.77203 5.07397C1.61003 3.98097 2.36403 2.96397 3.45603 2.80197L10.38 1.77297C11.313 1.63397 12.19 2.16297 12.528 3.00097" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Copy</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/ask-ai-button " id="ask-ai-code-block-button" aria-label="Ask AI" data-chat-payload-element-id="lang-yaml-code----_name__session-lo"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/ask-ai-button:text-gray-500 dark:text-white/40 dark:group-hover/ask-ai-button:text-white/60"><path d="M3.51169 1.50098L3.92087 2.72754L3.99997 2.96387L5.49997 3.46387L4.23825 3.88477L4.00095 3.96387L3.92184 4.20117L3.50095 5.46191L3.49997 5.46387H3.49899L2.99899 3.96387L1.49899 3.46387L2.99899 2.96387L3.07809 2.72754L3.4863 1.50098C3.49031 1.50045 3.49522 1.5 3.49997 1.5C3.50416 1.50002 3.50807 1.50054 3.51169 1.50098Z" stroke="currentColor"></path><path d="M9.5 2.75L11.412 7.587L16.25 9.5L11.412 11.413L9.5 16.25L7.587 11.413L2.75 9.5L7.587 7.587L9.5 2.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Ask AI</div></div></div><div class="w-0 min-w-full max-w-full py-3.5 px-4 h-full dark:bg-codeblock relative text-sm leading-6 children:!my-0 children:!shadow-none children:!bg-transparent transition-[height] duration-300 ease-in-out code-block-background [&_*]:ring-0 [&_*]:outline-0 [&_*]:focus:ring-0 [&_*]:focus:outline-0 rounded-2xl bg-white overflow-x-auto scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-black/15 hover:scrollbar-thumb-black/20 active:scrollbar-thumb-black/20 dark:scrollbar-thumb-white/20 dark:hover:scrollbar-thumb-white/25 dark:active:scrollbar-thumb-white/25" data-component-part="code-block-root" tabindex="0" style="font-variant-ligatures:none;height:auto;background-color:#ffffff;--shiki-dark-bg:#0B0C0E"><div class="font-mono whitespace-pre leading-6"><pre class="shiki shiki-themes github-light-default dark-plus" style="background-color:#ffffff;--shiki-dark-bg:#0B0C0E;color:#1f2328;--shiki-dark:#D4D4D4" language="yaml"><code language="yaml" numberOfLines="8"><span class="line"><span style="color:#0550AE;--shiki-dark:#D4D4D4">---</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">name</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">session-logger</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">description</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">Log activity for this session</span></span>¶
<span class="line"><span style="color:#0550AE;--shiki-dark:#D4D4D4">---</span></span>¶
<span class="line"></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">Log the following to logs/${CLAUDE_SESSION_ID}.log</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">:</span></span>¶
<span class="line"></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178">$ARGUMENTS</span></span>¶
</code></pre></div></div><div data-fade-overlay="true" aria-hidden="true" style="--fade-color-light:#ffffff;--fade-color-dark:#0B0C0E"></div></div>¶
<h3 class="flex whitespace-pre-wrap group font-semibold" id="add-supporting-files"><div class="absolute" tabindex="-1"><a href="#add-supporting-files" class="-ml-10 flex items-center opacity-0 border-0 group-hover:opacity-100 focus:opacity-100 focus:outline-0 group/link" aria-label="Navigate to header"><div class="w-6 h-6 rounded-md flex items-center justify-center shadow-sm text-gray-400 dark:text-white/50 dark:bg-background-dark dark:brightness-[1.35] dark:ring-1 dark:hover:brightness-150 bg-white ring-1 ring-gray-400/30 dark:ring-gray-700/25 hover:ring-gray-400/60 dark:hover:ring-white/20 group-focus/link:border-2 group-focus/link:border-primary dark:group-focus/link:border-primary-light"><svg xmlns="http://www.w3.org/2000/svg" fill="gray" height="12px" viewBox="0 0 576 512"><path d="M0 256C0 167.6 71.6 96 160 96h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C98.1 144 48 194.1 48 256s50.1 112 112 112h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C71.6 416 0 344.4 0 256zm576 0c0 88.4-71.6 160-160 160H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c61.9 0 112-50.1 112-112s-50.1-112-112-112H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c88.4 0 160 71.6 160 160zM184 232H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-13.3 0-24-10.7-24-24s10.7-24 24-24z"></path></svg></div></a></div><span class="cursor-pointer">Add supporting files</span></h3>¶
<span data-as="p">Skills can include multiple files in their directory. This keeps <code>SKILL.md</code> focused on the essentials while letting Claude access detailed reference material only when needed. Large reference docs, API specifications, or example collections don’t need to load into context every time the skill runs.</span>¶
<div class="code-block mt-5 mb-8 not-prose rounded-2xl relative group text-gray-950 dark:text-gray-50 codeblock-light border border-gray-950/10 dark:border-white/10 dark:twoslash-dark bg-transparent dark:bg-transparent" numberOfLines="7" language="text"><div data-floating-buttons="true" class="absolute top-3 right-4 flex items-center gap-1.5"><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/code-snippet-feedback-button" id="code-snippet-feedback-button" aria-label="Report incorrect code"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4 text-gray-400 group-hover/code-snippet-feedback-button:text-gray-500 dark:text-white/40 dark:group-hover/code-snippet-feedback-button:text-white/60"><path d="M12 16h.01"></path><path d="M12 8v4"></path><path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Report incorrect code</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/copy-button " data-testid="copy-code-button" aria-label="Copy the contents from the code block"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/copy-button:text-gray-500 dark:text-white/40 dark:group-hover/copy-button:text-white/60"><path d="M14.25 5.25H7.25C6.14543 5.25 5.25 6.14543 5.25 7.25V14.25C5.25 15.3546 6.14543 16.25 7.25 16.25H14.25C15.3546 16.25 16.25 15.3546 16.25 14.25V7.25C16.25 6.14543 15.3546 5.25 14.25 5.25Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.80103 11.998L1.77203 5.07397C1.61003 3.98097 2.36403 2.96397 3.45603 2.80197L10.38 1.77297C11.313 1.63397 12.19 2.16297 12.528 3.00097" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Copy</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/ask-ai-button " id="ask-ai-code-block-button" aria-label="Ask AI" data-chat-payload-element-id="lang-text-code-my-skill______SKILL_"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/ask-ai-button:text-gray-500 dark:text-white/40 dark:group-hover/ask-ai-button:text-white/60"><path d="M3.51169 1.50098L3.92087 2.72754L3.99997 2.96387L5.49997 3.46387L4.23825 3.88477L4.00095 3.96387L3.92184 4.20117L3.50095 5.46191L3.49997 5.46387H3.49899L2.99899 3.96387L1.49899 3.46387L2.99899 2.96387L3.07809 2.72754L3.4863 1.50098C3.49031 1.50045 3.49522 1.5 3.49997 1.5C3.50416 1.50002 3.50807 1.50054 3.51169 1.50098Z" stroke="currentColor"></path><path d="M9.5 2.75L11.412 7.587L16.25 9.5L11.412 11.413L9.5 16.25L7.587 11.413L2.75 9.5L7.587 7.587L9.5 2.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Ask AI</div></div></div><div class="w-0 min-w-full max-w-full py-3.5 px-4 h-full dark:bg-codeblock relative text-sm leading-6 children:!my-0 children:!shadow-none children:!bg-transparent transition-[height] duration-300 ease-in-out code-block-background [&_*]:ring-0 [&_*]:outline-0 [&_*]:focus:ring-0 [&_*]:focus:outline-0 rounded-2xl bg-white overflow-x-auto scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-black/15 hover:scrollbar-thumb-black/20 active:scrollbar-thumb-black/20 dark:scrollbar-thumb-white/20 dark:hover:scrollbar-thumb-white/25 dark:active:scrollbar-thumb-white/25" data-component-part="code-block-root" tabindex="0" style="font-variant-ligatures:none;height:auto;background-color:#ffffff;--shiki-dark-bg:#0B0C0E"><div class="font-mono whitespace-pre leading-6"><pre class="shiki shiki-themes github-light-default dark-plus" style="background-color:#ffffff;--shiki-dark-bg:#0B0C0E;color:#1f2328;--shiki-dark:#D4D4D4" language="text"><code language="text" numberOfLines="7"><span class="line"><span>my-skill/</span></span>¶
<span class="line"><span>├── SKILL.md (required - overview and navigation)</span></span>¶
<span class="line"><span>├── reference.md (detailed API docs - loaded when needed)</span></span>¶
<span class="line"><span>├── examples.md (usage examples - loaded when needed)</span></span>¶
<span class="line"><span>└── scripts/</span></span>¶
<span class="line"><span> └── helper.py (utility script - executed, not loaded)</span></span>¶
<span class="line"><span></span></span></code></pre></div></div><div data-fade-overlay="true" aria-hidden="true" style="--fade-color-light:#ffffff;--fade-color-dark:#0B0C0E"></div></div>¶
<span data-as="p">Reference supporting files from <code>SKILL.md</code> so Claude knows what each file contains and when to load it:</span>¶
<div class="code-block mt-5 mb-8 not-prose rounded-2xl relative group text-gray-950 dark:text-gray-50 codeblock-light border border-gray-950/10 dark:border-white/10 dark:twoslash-dark bg-transparent dark:bg-transparent" numberOfLines="4" language="markdown"><div data-floating-buttons="true" class="absolute top-3 right-4 flex items-center gap-1.5"><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/code-snippet-feedback-button" id="code-snippet-feedback-button" aria-label="Report incorrect code"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4 text-gray-400 group-hover/code-snippet-feedback-button:text-gray-500 dark:text-white/40 dark:group-hover/code-snippet-feedback-button:text-white/60"><path d="M12 16h.01"></path><path d="M12 8v4"></path><path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Report incorrect code</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/copy-button " data-testid="copy-code-button" aria-label="Copy the contents from the code block"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/copy-button:text-gray-500 dark:text-white/40 dark:group-hover/copy-button:text-white/60"><path d="M14.25 5.25H7.25C6.14543 5.25 5.25 6.14543 5.25 7.25V14.25C5.25 15.3546 6.14543 16.25 7.25 16.25H14.25C15.3546 16.25 16.25 15.3546 16.25 14.25V7.25C16.25 6.14543 15.3546 5.25 14.25 5.25Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.80103 11.998L1.77203 5.07397C1.61003 3.98097 2.36403 2.96397 3.45603 2.80197L10.38 1.77297C11.313 1.63397 12.19 2.16297 12.528 3.00097" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Copy</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/ask-ai-button " id="ask-ai-code-block-button" aria-label="Ask AI" data-chat-payload-element-id="lang-markdown-code-___Additional_resour"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/ask-ai-button:text-gray-500 dark:text-white/40 dark:group-hover/ask-ai-button:text-white/60"><path d="M3.51169 1.50098L3.92087 2.72754L3.99997 2.96387L5.49997 3.46387L4.23825 3.88477L4.00095 3.96387L3.92184 4.20117L3.50095 5.46191L3.49997 5.46387H3.49899L2.99899 3.96387L1.49899 3.46387L2.99899 2.96387L3.07809 2.72754L3.4863 1.50098C3.49031 1.50045 3.49522 1.5 3.49997 1.5C3.50416 1.50002 3.50807 1.50054 3.51169 1.50098Z" stroke="currentColor"></path><path d="M9.5 2.75L11.412 7.587L16.25 9.5L11.412 11.413L9.5 16.25L7.587 11.413L2.75 9.5L7.587 7.587L9.5 2.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Ask AI</div></div></div><div class="w-0 min-w-full max-w-full py-3.5 px-4 h-full dark:bg-codeblock relative text-sm leading-6 children:!my-0 children:!shadow-none children:!bg-transparent transition-[height] duration-300 ease-in-out code-block-background [&_*]:ring-0 [&_*]:outline-0 [&_*]:focus:ring-0 [&_*]:focus:outline-0 rounded-2xl bg-white overflow-x-auto scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-black/15 hover:scrollbar-thumb-black/20 active:scrollbar-thumb-black/20 dark:scrollbar-thumb-white/20 dark:hover:scrollbar-thumb-white/25 dark:active:scrollbar-thumb-white/25" data-component-part="code-block-root" tabindex="0" style="font-variant-ligatures:none;height:auto;background-color:#ffffff;--shiki-dark-bg:#0B0C0E"><div class="font-mono whitespace-pre leading-6"><pre class="shiki shiki-themes github-light-default dark-plus" style="background-color:#ffffff;--shiki-dark-bg:#0B0C0E;color:#1f2328;--shiki-dark:#D4D4D4" language="markdown"><code language="markdown" numberOfLines="4"><span class="line"><span style="color:#0550AE;--shiki-light-font-weight:bold;--shiki-dark:#569CD6;--shiki-dark-font-weight:bold">## Additional resources</span></span>¶
<span class="line"></span>¶
<span class="line"><span style="color:#953800;--shiki-dark:#6796E6">-</span><span style="color:#1F2328;--shiki-dark:#D4D4D4"> For complete API details, see [</span><span style="color:#0A3069;--shiki-dark:#CE9178">reference.md</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">](</span><span style="color:#1F2328;--shiki-light-text-decoration:underline;--shiki-dark:#D4D4D4;--shiki-dark-text-decoration:underline">reference.md</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">)</span></span>¶
<span class="line"><span style="color:#953800;--shiki-dark:#6796E6">-</span><span style="color:#1F2328;--shiki-dark:#D4D4D4"> For usage examples, see [</span><span style="color:#0A3069;--shiki-dark:#CE9178">examples.md</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">](</span><span style="color:#1F2328;--shiki-light-text-decoration:underline;--shiki-dark:#D4D4D4;--shiki-dark-text-decoration:underline">examples.md</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">)</span></span>¶
</code></pre></div></div><div data-fade-overlay="true" aria-hidden="true" style="--fade-color-light:#ffffff;--fade-color-dark:#0B0C0E"></div></div>¶
<div class="callout my-4 px-5 py-4 overflow-hidden rounded-2xl flex gap-3 border border-green-200 bg-green-50 dark:border-green-900 dark:bg-green-600/20 [&_[data-component-part='callout-icon']]:mt-px" data-callout-type="tip"><div class="mt-0.5 w-4" data-component-part="callout-icon"><svg width="11" height="14" viewBox="0 0 11 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="text-green-800 dark:text-green-300 w-3.5 h-auto" aria-label="Tip"><path d="M3.12794 12.4232C3.12794 12.5954 3.1776 12.7634 3.27244 12.907L3.74114 13.6095C3.88471 13.8248 4.21067 14 4.46964 14H6.15606C6.41415 14 6.74017 13.825 6.88373 13.6095L7.3508 12.9073C7.43114 12.7859 7.49705 12.569 7.49705 12.4232L7.50055 11.3513H3.12521L3.12794 12.4232ZM5.31288 0C2.52414 0.00875889 0.5 2.26889 0.5 4.78826C0.5 6.00188 0.949566 7.10829 1.69119 7.95492C2.14321 8.47011 2.84901 9.54727 3.11919 10.4557C3.12005 10.4625 3.12175 10.4698 3.12261 10.4771H7.50342C7.50427 10.4698 7.50598 10.463 7.50684 10.4557C7.77688 9.54727 8.48281 8.47011 8.93484 7.95492C9.67728 7.13181 10.1258 6.02703 10.1258 4.78826C10.1258 2.15486 7.9709 0.000106649 5.31288 0ZM7.94902 7.11267C7.52078 7.60079 6.99082 8.37878 6.6077 9.18794H4.02051C3.63739 8.37878 3.10743 7.60079 2.67947 7.11294C2.11997 6.47551 1.8126 5.63599 1.8126 4.78826C1.8126 3.09829 3.12794 1.31944 5.28827 1.3126C7.2435 1.3126 8.81315 2.88226 8.81315 4.78826C8.81315 5.63599 8.50688 6.47551 7.94902 7.11267ZM4.87534 2.18767C3.66939 2.18767 2.68767 3.16939 2.68767 4.37534C2.68767 4.61719 2.88336 4.81288 3.12521 4.81288C3.36705 4.81288 3.56274 4.61599 3.56274 4.37534C3.56274 3.6515 4.1515 3.06274 4.87534 3.06274C5.11719 3.06274 5.31288 2.86727 5.31288 2.62548C5.31288 2.38369 5.11599 2.18767 4.87534 2.18767Z"></path></svg></div><div class="text-sm prose dark:prose-invert min-w-0 w-full [&_kbd]:bg-background-light dark:[&_kbd]:bg-background-dark [&_code]:!text-current [&_kbd]:!text-current [&_a]:!text-current [&_a]:border-current [&_strong]:!text-current text-green-800 dark:text-green-300" data-component-part="callout-content">Keep <code>SKILL.md</code> under 500 lines. Move detailed reference material to separate files.</div></div>¶
<h3 class="flex whitespace-pre-wrap group font-semibold" id="control-who-invokes-a-skill"><div class="absolute" tabindex="-1"><a href="#control-who-invokes-a-skill" class="-ml-10 flex items-center opacity-0 border-0 group-hover:opacity-100 focus:opacity-100 focus:outline-0 group/link" aria-label="Navigate to header"><div class="w-6 h-6 rounded-md flex items-center justify-center shadow-sm text-gray-400 dark:text-white/50 dark:bg-background-dark dark:brightness-[1.35] dark:ring-1 dark:hover:brightness-150 bg-white ring-1 ring-gray-400/30 dark:ring-gray-700/25 hover:ring-gray-400/60 dark:hover:ring-white/20 group-focus/link:border-2 group-focus/link:border-primary dark:group-focus/link:border-primary-light"><svg xmlns="http://www.w3.org/2000/svg" fill="gray" height="12px" viewBox="0 0 576 512"><path d="M0 256C0 167.6 71.6 96 160 96h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C98.1 144 48 194.1 48 256s50.1 112 112 112h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C71.6 416 0 344.4 0 256zm576 0c0 88.4-71.6 160-160 160H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c61.9 0 112-50.1 112-112s-50.1-112-112-112H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c88.4 0 160 71.6 160 160zM184 232H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-13.3 0-24-10.7-24-24s10.7-24 24-24z"></path></svg></div></a></div><span class="cursor-pointer">Control who invokes a skill</span></h3>¶
<span data-as="p">By default, both you and Claude can invoke any skill. You can type <code>/skill-name</code> to invoke it directly, and Claude can load it automatically when relevant to your conversation. Two frontmatter fields let you restrict this:</span>¶
<ul>¶
<li>¶
<span data-as="p"><strong><code>disable-model-invocation: true</code></strong>: Only you can invoke the skill. Use this for workflows with side effects or that you want to control timing, like <code>/commit</code>, <code>/deploy</code>, or <code>/send-slack-message</code>. You don’t want Claude deciding to deploy because your code looks ready.</span>¶
</li>¶
<li>¶
<span data-as="p"><strong><code>user-invocable: false</code></strong>: Only Claude can invoke the skill. Use this for background knowledge that isn’t actionable as a command. A <code>legacy-system-context</code> skill explains how an old system works. Claude should know this when relevant, but <code>/legacy-system-context</code> isn’t a meaningful action for users to take.</span>¶
</li>¶
</ul>¶
<span data-as="p">This example creates a deploy skill that only you can trigger. The <code>disable-model-invocation: true</code> field prevents Claude from running it automatically:</span>¶
<div class="code-block mt-5 mb-8 not-prose rounded-2xl relative group text-gray-950 dark:text-gray-50 codeblock-light border border-gray-950/10 dark:border-white/10 dark:twoslash-dark bg-transparent dark:bg-transparent" numberOfLines="12" language="yaml"><div data-floating-buttons="true" class="absolute top-3 right-4 flex items-center gap-1.5"><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/code-snippet-feedback-button" id="code-snippet-feedback-button" aria-label="Report incorrect code"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4 text-gray-400 group-hover/code-snippet-feedback-button:text-gray-500 dark:text-white/40 dark:group-hover/code-snippet-feedback-button:text-white/60"><path d="M12 16h.01"></path><path d="M12 8v4"></path><path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Report incorrect code</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/copy-button " data-testid="copy-code-button" aria-label="Copy the contents from the code block"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/copy-button:text-gray-500 dark:text-white/40 dark:group-hover/copy-button:text-white/60"><path d="M14.25 5.25H7.25C6.14543 5.25 5.25 6.14543 5.25 7.25V14.25C5.25 15.3546 6.14543 16.25 7.25 16.25H14.25C15.3546 16.25 16.25 15.3546 16.25 14.25V7.25C16.25 6.14543 15.3546 5.25 14.25 5.25Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.80103 11.998L1.77203 5.07397C1.61003 3.98097 2.36403 2.96397 3.45603 2.80197L10.38 1.77297C11.313 1.63397 12.19 2.16297 12.528 3.00097" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Copy</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/ask-ai-button " id="ask-ai-code-block-button" aria-label="Ask AI" data-chat-payload-element-id="lang-yaml-code----_name__deploy_des"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/ask-ai-button:text-gray-500 dark:text-white/40 dark:group-hover/ask-ai-button:text-white/60"><path d="M3.51169 1.50098L3.92087 2.72754L3.99997 2.96387L5.49997 3.46387L4.23825 3.88477L4.00095 3.96387L3.92184 4.20117L3.50095 5.46191L3.49997 5.46387H3.49899L2.99899 3.96387L1.49899 3.46387L2.99899 2.96387L3.07809 2.72754L3.4863 1.50098C3.49031 1.50045 3.49522 1.5 3.49997 1.5C3.50416 1.50002 3.50807 1.50054 3.51169 1.50098Z" stroke="currentColor"></path><path d="M9.5 2.75L11.412 7.587L16.25 9.5L11.412 11.413L9.5 16.25L7.587 11.413L2.75 9.5L7.587 7.587L9.5 2.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Ask AI</div></div></div><div class="w-0 min-w-full max-w-full py-3.5 px-4 h-full dark:bg-codeblock relative text-sm leading-6 children:!my-0 children:!shadow-none children:!bg-transparent transition-[height] duration-300 ease-in-out code-block-background [&_*]:ring-0 [&_*]:outline-0 [&_*]:focus:ring-0 [&_*]:focus:outline-0 rounded-2xl bg-white overflow-x-auto scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-black/15 hover:scrollbar-thumb-black/20 active:scrollbar-thumb-black/20 dark:scrollbar-thumb-white/20 dark:hover:scrollbar-thumb-white/25 dark:active:scrollbar-thumb-white/25" data-component-part="code-block-root" tabindex="0" style="font-variant-ligatures:none;height:auto;background-color:#ffffff;--shiki-dark-bg:#0B0C0E"><div class="font-mono whitespace-pre leading-6"><pre class="shiki shiki-themes github-light-default dark-plus" style="background-color:#ffffff;--shiki-dark-bg:#0B0C0E;color:#1f2328;--shiki-dark:#D4D4D4" language="yaml"><code language="yaml" numberOfLines="12"><span class="line"><span style="color:#0550AE;--shiki-dark:#D4D4D4">---</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">name</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">deploy</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">description</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">Deploy the application to production</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">disable-model-invocation</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0550AE;--shiki-dark:#569CD6">true</span></span>¶
<span class="line"><span style="color:#0550AE;--shiki-dark:#D4D4D4">---</span></span>¶
<span class="line"></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">Deploy $ARGUMENTS to production</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">:</span></span>¶
<span class="line"></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178">1. Run the test suite</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178">2. Build the application</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178">3. Push to the deployment target</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178">4. Verify the deployment succeeded</span></span>¶
</code></pre></div></div><div data-fade-overlay="true" aria-hidden="true" style="--fade-color-light:#ffffff;--fade-color-dark:#0B0C0E"></div></div>¶
<span data-as="p">Here’s how the two fields affect invocation and context loading:</span>¶
<div data-table-wrapper="true" class="[--page-padding:20px] overflow-x-auto flex w-[calc(100%+(var(--page-padding)*2))] my-[1em] py-[1em] -mx-[var(--page-padding)] max-w-none [contain:inline-size]"><div class="px-[var(--page-padding)] grow max-w-none table"><table class="m-0 min-w-full w-full max-w-none table [&_td]:min-w-[150px] [&_th]:text-left [&_td[data-numeric]]:tabular-nums"><thead><tr><th style="text-align:left">Frontmatter</th><th style="text-align:left">You can invoke</th><th style="text-align:left">Claude can invoke</th><th style="text-align:left">When loaded into context</th></tr></thead><tbody><tr><td style="text-align:left">(default)</td><td style="text-align:left">Yes</td><td style="text-align:left">Yes</td><td style="text-align:left">Description always in context, full skill loads when invoked</td></tr><tr><td style="text-align:left"><code>disable-model-invocation: true</code></td><td style="text-align:left">Yes</td><td style="text-align:left">No</td><td style="text-align:left">Description not in context, full skill loads when you invoke</td></tr><tr><td style="text-align:left"><code>user-invocable: false</code></td><td style="text-align:left">No</td><td style="text-align:left">Yes</td><td style="text-align:left">Description always in context, full skill loads when invoked</td></tr></tbody></table></div></div>¶
<div class="callout my-4 px-5 py-4 overflow-hidden rounded-2xl flex gap-3 border border-blue-200 bg-blue-50 dark:border-blue-900 dark:bg-blue-600/20" data-callout-type="note"><div class="mt-0.5 w-4" data-component-part="callout-icon"><svg width="14" height="14" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="size-4 text-blue-800 dark:text-blue-300" aria-label="Note"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 1.3C10.14 1.3 12.7 3.86 12.7 7C12.7 10.14 10.14 12.7 7 12.7C5.48908 12.6974 4.0408 12.096 2.97241 11.0276C1.90403 9.9592 1.30264 8.51092 1.3 7C1.3 3.86 3.86 1.3 7 1.3ZM7 0C3.14 0 0 3.14 0 7C0 10.86 3.14 14 7 14C10.86 14 14 10.86 14 7C14 3.14 10.86 0 7 0ZM8 3H6V8H8V3ZM8 9H6V11H8V9Z"></path></svg></div><div class="text-sm prose dark:prose-invert min-w-0 w-full [&_kbd]:bg-background-light dark:[&_kbd]:bg-background-dark [&_code]:!text-current [&_kbd]:!text-current [&_a]:!text-current [&_a]:border-current [&_strong]:!text-current text-blue-800 dark:text-blue-300" data-component-part="callout-content"><span data-as="p">In a regular session, skill descriptions are loaded into context so Claude knows what’s available, but full skill content only loads when invoked. <a class="link" href="/docs/en/sub-agents#preload-skills-into-subagents">Subagents with preloaded skills</a> work differently: the full skill content is injected at startup.</span></div></div>¶
<h3 class="flex whitespace-pre-wrap group font-semibold" id="restrict-tool-access"><div class="absolute" tabindex="-1"><a href="#restrict-tool-access" class="-ml-10 flex items-center opacity-0 border-0 group-hover:opacity-100 focus:opacity-100 focus:outline-0 group/link" aria-label="Navigate to header"><div class="w-6 h-6 rounded-md flex items-center justify-center shadow-sm text-gray-400 dark:text-white/50 dark:bg-background-dark dark:brightness-[1.35] dark:ring-1 dark:hover:brightness-150 bg-white ring-1 ring-gray-400/30 dark:ring-gray-700/25 hover:ring-gray-400/60 dark:hover:ring-white/20 group-focus/link:border-2 group-focus/link:border-primary dark:group-focus/link:border-primary-light"><svg xmlns="http://www.w3.org/2000/svg" fill="gray" height="12px" viewBox="0 0 576 512"><path d="M0 256C0 167.6 71.6 96 160 96h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C98.1 144 48 194.1 48 256s50.1 112 112 112h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C71.6 416 0 344.4 0 256zm576 0c0 88.4-71.6 160-160 160H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c61.9 0 112-50.1 112-112s-50.1-112-112-112H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c88.4 0 160 71.6 160 160zM184 232H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-13.3 0-24-10.7-24-24s10.7-24 24-24z"></path></svg></div></a></div><span class="cursor-pointer">Restrict tool access</span></h3>¶
<span data-as="p">Use the <code>allowed-tools</code> field to limit which tools Claude can use when a skill is active. This skill creates a read-only mode where Claude can explore files but not modify them:</span>¶
<div class="code-block mt-5 mb-8 not-prose rounded-2xl relative group text-gray-950 dark:text-gray-50 codeblock-light border border-gray-950/10 dark:border-white/10 dark:twoslash-dark bg-transparent dark:bg-transparent" numberOfLines="5" language="yaml"><div data-floating-buttons="true" class="absolute top-3 right-4 flex items-center gap-1.5"><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/code-snippet-feedback-button" id="code-snippet-feedback-button" aria-label="Report incorrect code"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4 text-gray-400 group-hover/code-snippet-feedback-button:text-gray-500 dark:text-white/40 dark:group-hover/code-snippet-feedback-button:text-white/60"><path d="M12 16h.01"></path><path d="M12 8v4"></path><path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Report incorrect code</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/copy-button " data-testid="copy-code-button" aria-label="Copy the contents from the code block"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/copy-button:text-gray-500 dark:text-white/40 dark:group-hover/copy-button:text-white/60"><path d="M14.25 5.25H7.25C6.14543 5.25 5.25 6.14543 5.25 7.25V14.25C5.25 15.3546 6.14543 16.25 7.25 16.25H14.25C15.3546 16.25 16.25 15.3546 16.25 14.25V7.25C16.25 6.14543 15.3546 5.25 14.25 5.25Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.80103 11.998L1.77203 5.07397C1.61003 3.98097 2.36403 2.96397 3.45603 2.80197L10.38 1.77297C11.313 1.63397 12.19 2.16297 12.528 3.00097" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Copy</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/ask-ai-button " id="ask-ai-code-block-button" aria-label="Ask AI" data-chat-payload-element-id="lang-yaml-code----_name__safe-reade"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/ask-ai-button:text-gray-500 dark:text-white/40 dark:group-hover/ask-ai-button:text-white/60"><path d="M3.51169 1.50098L3.92087 2.72754L3.99997 2.96387L5.49997 3.46387L4.23825 3.88477L4.00095 3.96387L3.92184 4.20117L3.50095 5.46191L3.49997 5.46387H3.49899L2.99899 3.96387L1.49899 3.46387L2.99899 2.96387L3.07809 2.72754L3.4863 1.50098C3.49031 1.50045 3.49522 1.5 3.49997 1.5C3.50416 1.50002 3.50807 1.50054 3.51169 1.50098Z" stroke="currentColor"></path><path d="M9.5 2.75L11.412 7.587L16.25 9.5L11.412 11.413L9.5 16.25L7.587 11.413L2.75 9.5L7.587 7.587L9.5 2.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Ask AI</div></div></div><div class="w-0 min-w-full max-w-full py-3.5 px-4 h-full dark:bg-codeblock relative text-sm leading-6 children:!my-0 children:!shadow-none children:!bg-transparent transition-[height] duration-300 ease-in-out code-block-background [&_*]:ring-0 [&_*]:outline-0 [&_*]:focus:ring-0 [&_*]:focus:outline-0 rounded-2xl bg-white overflow-x-auto scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-black/15 hover:scrollbar-thumb-black/20 active:scrollbar-thumb-black/20 dark:scrollbar-thumb-white/20 dark:hover:scrollbar-thumb-white/25 dark:active:scrollbar-thumb-white/25" data-component-part="code-block-root" tabindex="0" style="font-variant-ligatures:none;height:auto;background-color:#ffffff;--shiki-dark-bg:#0B0C0E"><div class="font-mono whitespace-pre leading-6"><pre class="shiki shiki-themes github-light-default dark-plus" style="background-color:#ffffff;--shiki-dark-bg:#0B0C0E;color:#1f2328;--shiki-dark:#D4D4D4" language="yaml"><code language="yaml" numberOfLines="5"><span class="line"><span style="color:#0550AE;--shiki-dark:#D4D4D4">---</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">name</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">safe-reader</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">description</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">Read files without making changes</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">allowed-tools</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">Read, Grep, Glob</span></span>¶
<span class="line"><span style="color:#0550AE;--shiki-dark:#D4D4D4">---</span></span>¶
</code></pre></div></div><div data-fade-overlay="true" aria-hidden="true" style="--fade-color-light:#ffffff;--fade-color-dark:#0B0C0E"></div></div>¶
<h3 class="flex whitespace-pre-wrap group font-semibold" id="pass-arguments-to-skills"><div class="absolute" tabindex="-1"><a href="#pass-arguments-to-skills" class="-ml-10 flex items-center opacity-0 border-0 group-hover:opacity-100 focus:opacity-100 focus:outline-0 group/link" aria-label="Navigate to header"><div class="w-6 h-6 rounded-md flex items-center justify-center shadow-sm text-gray-400 dark:text-white/50 dark:bg-background-dark dark:brightness-[1.35] dark:ring-1 dark:hover:brightness-150 bg-white ring-1 ring-gray-400/30 dark:ring-gray-700/25 hover:ring-gray-400/60 dark:hover:ring-white/20 group-focus/link:border-2 group-focus/link:border-primary dark:group-focus/link:border-primary-light"><svg xmlns="http://www.w3.org/2000/svg" fill="gray" height="12px" viewBox="0 0 576 512"><path d="M0 256C0 167.6 71.6 96 160 96h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C98.1 144 48 194.1 48 256s50.1 112 112 112h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C71.6 416 0 344.4 0 256zm576 0c0 88.4-71.6 160-160 160H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c61.9 0 112-50.1 112-112s-50.1-112-112-112H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c88.4 0 160 71.6 160 160zM184 232H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-13.3 0-24-10.7-24-24s10.7-24 24-24z"></path></svg></div></a></div><span class="cursor-pointer">Pass arguments to skills</span></h3>¶
<span data-as="p">Both you and Claude can pass arguments when invoking a skill. Arguments are available via the <code>$ARGUMENTS</code> placeholder.</span>¶
<span data-as="p">This skill fixes a GitHub issue by number. The <code>$ARGUMENTS</code> placeholder gets replaced with whatever follows the skill name:</span>¶
<div class="code-block mt-5 mb-8 not-prose rounded-2xl relative group text-gray-950 dark:text-gray-50 codeblock-light border border-gray-950/10 dark:border-white/10 dark:twoslash-dark bg-transparent dark:bg-transparent" numberOfLines="13" language="yaml"><div data-floating-buttons="true" class="absolute top-3 right-4 flex items-center gap-1.5"><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/code-snippet-feedback-button" id="code-snippet-feedback-button" aria-label="Report incorrect code"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4 text-gray-400 group-hover/code-snippet-feedback-button:text-gray-500 dark:text-white/40 dark:group-hover/code-snippet-feedback-button:text-white/60"><path d="M12 16h.01"></path><path d="M12 8v4"></path><path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Report incorrect code</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/copy-button " data-testid="copy-code-button" aria-label="Copy the contents from the code block"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/copy-button:text-gray-500 dark:text-white/40 dark:group-hover/copy-button:text-white/60"><path d="M14.25 5.25H7.25C6.14543 5.25 5.25 6.14543 5.25 7.25V14.25C5.25 15.3546 6.14543 16.25 7.25 16.25H14.25C15.3546 16.25 16.25 15.3546 16.25 14.25V7.25C16.25 6.14543 15.3546 5.25 14.25 5.25Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.80103 11.998L1.77203 5.07397C1.61003 3.98097 2.36403 2.96397 3.45603 2.80197L10.38 1.77297C11.313 1.63397 12.19 2.16297 12.528 3.00097" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Copy</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/ask-ai-button " id="ask-ai-code-block-button" aria-label="Ask AI" data-chat-payload-element-id="lang-yaml-code----_name__fix-issue_"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/ask-ai-button:text-gray-500 dark:text-white/40 dark:group-hover/ask-ai-button:text-white/60"><path d="M3.51169 1.50098L3.92087 2.72754L3.99997 2.96387L5.49997 3.46387L4.23825 3.88477L4.00095 3.96387L3.92184 4.20117L3.50095 5.46191L3.49997 5.46387H3.49899L2.99899 3.96387L1.49899 3.46387L2.99899 2.96387L3.07809 2.72754L3.4863 1.50098C3.49031 1.50045 3.49522 1.5 3.49997 1.5C3.50416 1.50002 3.50807 1.50054 3.51169 1.50098Z" stroke="currentColor"></path><path d="M9.5 2.75L11.412 7.587L16.25 9.5L11.412 11.413L9.5 16.25L7.587 11.413L2.75 9.5L7.587 7.587L9.5 2.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Ask AI</div></div></div><div class="w-0 min-w-full max-w-full py-3.5 px-4 h-full dark:bg-codeblock relative text-sm leading-6 children:!my-0 children:!shadow-none children:!bg-transparent transition-[height] duration-300 ease-in-out code-block-background [&_*]:ring-0 [&_*]:outline-0 [&_*]:focus:ring-0 [&_*]:focus:outline-0 rounded-2xl bg-white overflow-x-auto scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-black/15 hover:scrollbar-thumb-black/20 active:scrollbar-thumb-black/20 dark:scrollbar-thumb-white/20 dark:hover:scrollbar-thumb-white/25 dark:active:scrollbar-thumb-white/25" data-component-part="code-block-root" tabindex="0" style="font-variant-ligatures:none;height:auto;background-color:#ffffff;--shiki-dark-bg:#0B0C0E"><div class="font-mono whitespace-pre leading-6"><pre class="shiki shiki-themes github-light-default dark-plus" style="background-color:#ffffff;--shiki-dark-bg:#0B0C0E;color:#1f2328;--shiki-dark:#D4D4D4" language="yaml"><code language="yaml" numberOfLines="13"><span class="line"><span style="color:#0550AE;--shiki-dark:#D4D4D4">---</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">name</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">fix-issue</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">description</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">Fix a GitHub issue</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">disable-model-invocation</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0550AE;--shiki-dark:#569CD6">true</span></span>¶
<span class="line"><span style="color:#0550AE;--shiki-dark:#D4D4D4">---</span></span>¶
<span class="line"></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178">Fix GitHub issue $ARGUMENTS following our coding standards.</span></span>¶
<span class="line"></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178">1. Read the issue description</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178">2. Understand the requirements</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178">3. Implement the fix</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178">4. Write tests</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178">5. Create a commit</span></span>¶
</code></pre></div></div><div data-fade-overlay="true" aria-hidden="true" style="--fade-color-light:#ffffff;--fade-color-dark:#0B0C0E"></div></div>¶
<span data-as="p">When you run <code>/fix-issue 123</code>, Claude receives “Fix GitHub issue 123 following our coding standards…”</span>¶
<span data-as="p">If you invoke a skill with arguments but the skill doesn’t include <code>$ARGUMENTS</code>, Claude Code appends <code>ARGUMENTS: <your input></code> to the end of the skill content so Claude still sees what you typed.</span>¶
<span data-as="p">To access individual arguments by position, use <code>$ARGUMENTS[N]</code> or the shorter <code>$N</code>:</span>¶
<div class="code-block mt-5 mb-8 not-prose rounded-2xl relative group text-gray-950 dark:text-gray-50 codeblock-light border border-gray-950/10 dark:border-white/10 dark:twoslash-dark bg-transparent dark:bg-transparent" numberOfLines="7" language="yaml"><div data-floating-buttons="true" class="absolute top-3 right-4 flex items-center gap-1.5"><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/code-snippet-feedback-button" id="code-snippet-feedback-button" aria-label="Report incorrect code"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4 text-gray-400 group-hover/code-snippet-feedback-button:text-gray-500 dark:text-white/40 dark:group-hover/code-snippet-feedback-button:text-white/60"><path d="M12 16h.01"></path><path d="M12 8v4"></path><path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Report incorrect code</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/copy-button " data-testid="copy-code-button" aria-label="Copy the contents from the code block"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/copy-button:text-gray-500 dark:text-white/40 dark:group-hover/copy-button:text-white/60"><path d="M14.25 5.25H7.25C6.14543 5.25 5.25 6.14543 5.25 7.25V14.25C5.25 15.3546 6.14543 16.25 7.25 16.25H14.25C15.3546 16.25 16.25 15.3546 16.25 14.25V7.25C16.25 6.14543 15.3546 5.25 14.25 5.25Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.80103 11.998L1.77203 5.07397C1.61003 3.98097 2.36403 2.96397 3.45603 2.80197L10.38 1.77297C11.313 1.63397 12.19 2.16297 12.528 3.00097" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Copy</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/ask-ai-button " id="ask-ai-code-block-button" aria-label="Ask AI" data-chat-payload-element-id="lang-yaml-code----_name__migrate-co"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/ask-ai-button:text-gray-500 dark:text-white/40 dark:group-hover/ask-ai-button:text-white/60"><path d="M3.51169 1.50098L3.92087 2.72754L3.99997 2.96387L5.49997 3.46387L4.23825 3.88477L4.00095 3.96387L3.92184 4.20117L3.50095 5.46191L3.49997 5.46387H3.49899L2.99899 3.96387L1.49899 3.46387L2.99899 2.96387L3.07809 2.72754L3.4863 1.50098C3.49031 1.50045 3.49522 1.5 3.49997 1.5C3.50416 1.50002 3.50807 1.50054 3.51169 1.50098Z" stroke="currentColor"></path><path d="M9.5 2.75L11.412 7.587L16.25 9.5L11.412 11.413L9.5 16.25L7.587 11.413L2.75 9.5L7.587 7.587L9.5 2.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Ask AI</div></div></div><div class="w-0 min-w-full max-w-full py-3.5 px-4 h-full dark:bg-codeblock relative text-sm leading-6 children:!my-0 children:!shadow-none children:!bg-transparent transition-[height] duration-300 ease-in-out code-block-background [&_*]:ring-0 [&_*]:outline-0 [&_*]:focus:ring-0 [&_*]:focus:outline-0 rounded-2xl bg-white overflow-x-auto scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-black/15 hover:scrollbar-thumb-black/20 active:scrollbar-thumb-black/20 dark:scrollbar-thumb-white/20 dark:hover:scrollbar-thumb-white/25 dark:active:scrollbar-thumb-white/25" data-component-part="code-block-root" tabindex="0" style="font-variant-ligatures:none;height:auto;background-color:#ffffff;--shiki-dark-bg:#0B0C0E"><div class="font-mono whitespace-pre leading-6"><pre class="shiki shiki-themes github-light-default dark-plus" style="background-color:#ffffff;--shiki-dark-bg:#0B0C0E;color:#1f2328;--shiki-dark:#D4D4D4" language="yaml"><code language="yaml" numberOfLines="7"><span class="line"><span style="color:#0550AE;--shiki-dark:#D4D4D4">---</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">name</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">migrate-component</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">description</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">Migrate a component from one framework to another</span></span>¶
<span class="line"><span style="color:#0550AE;--shiki-dark:#D4D4D4">---</span></span>¶
<span class="line"></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178">Migrate the $ARGUMENTS[0] component from $ARGUMENTS[1] to $ARGUMENTS[2].</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178">Preserve all existing behavior and tests.</span></span>¶
</code></pre></div></div><div data-fade-overlay="true" aria-hidden="true" style="--fade-color-light:#ffffff;--fade-color-dark:#0B0C0E"></div></div>¶
<span data-as="p">Running <code>/migrate-component SearchBar React Vue</code> replaces <code>$ARGUMENTS[0]</code> with <code>SearchBar</code>, <code>$ARGUMENTS[1]</code> with <code>React</code>, and <code>$ARGUMENTS[2]</code> with <code>Vue</code>. The same skill using the <code>$N</code> shorthand:</span>¶
<div class="code-block mt-5 mb-8 not-prose rounded-2xl relative group text-gray-950 dark:text-gray-50 codeblock-light border border-gray-950/10 dark:border-white/10 dark:twoslash-dark bg-transparent dark:bg-transparent" numberOfLines="7" language="yaml"><div data-floating-buttons="true" class="absolute top-3 right-4 flex items-center gap-1.5"><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/code-snippet-feedback-button" id="code-snippet-feedback-button" aria-label="Report incorrect code"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4 text-gray-400 group-hover/code-snippet-feedback-button:text-gray-500 dark:text-white/40 dark:group-hover/code-snippet-feedback-button:text-white/60"><path d="M12 16h.01"></path><path d="M12 8v4"></path><path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Report incorrect code</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/copy-button " data-testid="copy-code-button" aria-label="Copy the contents from the code block"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/copy-button:text-gray-500 dark:text-white/40 dark:group-hover/copy-button:text-white/60"><path d="M14.25 5.25H7.25C6.14543 5.25 5.25 6.14543 5.25 7.25V14.25C5.25 15.3546 6.14543 16.25 7.25 16.25H14.25C15.3546 16.25 16.25 15.3546 16.25 14.25V7.25C16.25 6.14543 15.3546 5.25 14.25 5.25Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.80103 11.998L1.77203 5.07397C1.61003 3.98097 2.36403 2.96397 3.45603 2.80197L10.38 1.77297C11.313 1.63397 12.19 2.16297 12.528 3.00097" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Copy</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/ask-ai-button " id="ask-ai-code-block-button" aria-label="Ask AI" data-chat-payload-element-id="lang-yaml-code----_name__migrate-co"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/ask-ai-button:text-gray-500 dark:text-white/40 dark:group-hover/ask-ai-button:text-white/60"><path d="M3.51169 1.50098L3.92087 2.72754L3.99997 2.96387L5.49997 3.46387L4.23825 3.88477L4.00095 3.96387L3.92184 4.20117L3.50095 5.46191L3.49997 5.46387H3.49899L2.99899 3.96387L1.49899 3.46387L2.99899 2.96387L3.07809 2.72754L3.4863 1.50098C3.49031 1.50045 3.49522 1.5 3.49997 1.5C3.50416 1.50002 3.50807 1.50054 3.51169 1.50098Z" stroke="currentColor"></path><path d="M9.5 2.75L11.412 7.587L16.25 9.5L11.412 11.413L9.5 16.25L7.587 11.413L2.75 9.5L7.587 7.587L9.5 2.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Ask AI</div></div></div><div class="w-0 min-w-full max-w-full py-3.5 px-4 h-full dark:bg-codeblock relative text-sm leading-6 children:!my-0 children:!shadow-none children:!bg-transparent transition-[height] duration-300 ease-in-out code-block-background [&_*]:ring-0 [&_*]:outline-0 [&_*]:focus:ring-0 [&_*]:focus:outline-0 rounded-2xl bg-white overflow-x-auto scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-black/15 hover:scrollbar-thumb-black/20 active:scrollbar-thumb-black/20 dark:scrollbar-thumb-white/20 dark:hover:scrollbar-thumb-white/25 dark:active:scrollbar-thumb-white/25" data-component-part="code-block-root" tabindex="0" style="font-variant-ligatures:none;height:auto;background-color:#ffffff;--shiki-dark-bg:#0B0C0E"><div class="font-mono whitespace-pre leading-6"><pre class="shiki shiki-themes github-light-default dark-plus" style="background-color:#ffffff;--shiki-dark-bg:#0B0C0E;color:#1f2328;--shiki-dark:#D4D4D4" language="yaml"><code language="yaml" numberOfLines="7"><span class="line"><span style="color:#0550AE;--shiki-dark:#D4D4D4">---</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">name</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">migrate-component</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">description</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">Migrate a component from one framework to another</span></span>¶
<span class="line"><span style="color:#0550AE;--shiki-dark:#D4D4D4">---</span></span>¶
<span class="line"></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178">Migrate the $0 component from $1 to $2.</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178">Preserve all existing behavior and tests.</span></span>¶
</code></pre></div></div><div data-fade-overlay="true" aria-hidden="true" style="--fade-color-light:#ffffff;--fade-color-dark:#0B0C0E"></div></div>¶
<h2 class="flex whitespace-pre-wrap group font-semibold" id="advanced-patterns"><div class="absolute" tabindex="-1"><a href="#advanced-patterns" class="-ml-10 flex items-center opacity-0 border-0 group-hover:opacity-100 focus:opacity-100 focus:outline-0 group/link" aria-label="Navigate to header"><div class="w-6 h-6 rounded-md flex items-center justify-center shadow-sm text-gray-400 dark:text-white/50 dark:bg-background-dark dark:brightness-[1.35] dark:ring-1 dark:hover:brightness-150 bg-white ring-1 ring-gray-400/30 dark:ring-gray-700/25 hover:ring-gray-400/60 dark:hover:ring-white/20 group-focus/link:border-2 group-focus/link:border-primary dark:group-focus/link:border-primary-light"><svg xmlns="http://www.w3.org/2000/svg" fill="gray" height="12px" viewBox="0 0 576 512"><path d="M0 256C0 167.6 71.6 96 160 96h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C98.1 144 48 194.1 48 256s50.1 112 112 112h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C71.6 416 0 344.4 0 256zm576 0c0 88.4-71.6 160-160 160H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c61.9 0 112-50.1 112-112s-50.1-112-112-112H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c88.4 0 160 71.6 160 160zM184 232H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-13.3 0-24-10.7-24-24s10.7-24 24-24z"></path></svg></div></a></div><span class="cursor-pointer">Advanced patterns</span></h2>¶
<h3 class="flex whitespace-pre-wrap group font-semibold" id="inject-dynamic-context"><div class="absolute" tabindex="-1"><a href="#inject-dynamic-context" class="-ml-10 flex items-center opacity-0 border-0 group-hover:opacity-100 focus:opacity-100 focus:outline-0 group/link" aria-label="Navigate to header"><div class="w-6 h-6 rounded-md flex items-center justify-center shadow-sm text-gray-400 dark:text-white/50 dark:bg-background-dark dark:brightness-[1.35] dark:ring-1 dark:hover:brightness-150 bg-white ring-1 ring-gray-400/30 dark:ring-gray-700/25 hover:ring-gray-400/60 dark:hover:ring-white/20 group-focus/link:border-2 group-focus/link:border-primary dark:group-focus/link:border-primary-light"><svg xmlns="http://www.w3.org/2000/svg" fill="gray" height="12px" viewBox="0 0 576 512"><path d="M0 256C0 167.6 71.6 96 160 96h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C98.1 144 48 194.1 48 256s50.1 112 112 112h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C71.6 416 0 344.4 0 256zm576 0c0 88.4-71.6 160-160 160H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c61.9 0 112-50.1 112-112s-50.1-112-112-112H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c88.4 0 160 71.6 160 160zM184 232H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-13.3 0-24-10.7-24-24s10.7-24 24-24z"></path></svg></div></a></div><span class="cursor-pointer">Inject dynamic context</span></h3>¶
<span data-as="p">The <code>!</code>command“ syntax runs shell commands before the skill content is sent to Claude. The command output replaces the placeholder, so Claude receives actual data, not the command itself.</span>¶
<span data-as="p">This skill summarizes a pull request by fetching live PR data with the GitHub CLI. The <code>!</code>gh pr diff“ and other commands run first, and their output gets inserted into the prompt:</span>¶
<div class="code-block mt-5 mb-8 not-prose rounded-2xl relative group text-gray-950 dark:text-gray-50 codeblock-light border border-gray-950/10 dark:border-white/10 dark:twoslash-dark bg-transparent dark:bg-transparent" numberOfLines="15" language="yaml"><div data-floating-buttons="true" class="absolute top-3 right-4 flex items-center gap-1.5"><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/code-snippet-feedback-button" id="code-snippet-feedback-button" aria-label="Report incorrect code"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4 text-gray-400 group-hover/code-snippet-feedback-button:text-gray-500 dark:text-white/40 dark:group-hover/code-snippet-feedback-button:text-white/60"><path d="M12 16h.01"></path><path d="M12 8v4"></path><path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Report incorrect code</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/copy-button " data-testid="copy-code-button" aria-label="Copy the contents from the code block"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/copy-button:text-gray-500 dark:text-white/40 dark:group-hover/copy-button:text-white/60"><path d="M14.25 5.25H7.25C6.14543 5.25 5.25 6.14543 5.25 7.25V14.25C5.25 15.3546 6.14543 16.25 7.25 16.25H14.25C15.3546 16.25 16.25 15.3546 16.25 14.25V7.25C16.25 6.14543 15.3546 5.25 14.25 5.25Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.80103 11.998L1.77203 5.07397C1.61003 3.98097 2.36403 2.96397 3.45603 2.80197L10.38 1.77297C11.313 1.63397 12.19 2.16297 12.528 3.00097" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Copy</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/ask-ai-button " id="ask-ai-code-block-button" aria-label="Ask AI" data-chat-payload-element-id="lang-yaml-code----_name__pr-summary"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/ask-ai-button:text-gray-500 dark:text-white/40 dark:group-hover/ask-ai-button:text-white/60"><path d="M3.51169 1.50098L3.92087 2.72754L3.99997 2.96387L5.49997 3.46387L4.23825 3.88477L4.00095 3.96387L3.92184 4.20117L3.50095 5.46191L3.49997 5.46387H3.49899L2.99899 3.96387L1.49899 3.46387L2.99899 2.96387L3.07809 2.72754L3.4863 1.50098C3.49031 1.50045 3.49522 1.5 3.49997 1.5C3.50416 1.50002 3.50807 1.50054 3.51169 1.50098Z" stroke="currentColor"></path><path d="M9.5 2.75L11.412 7.587L16.25 9.5L11.412 11.413L9.5 16.25L7.587 11.413L2.75 9.5L7.587 7.587L9.5 2.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Ask AI</div></div></div><div class="w-0 min-w-full max-w-full py-3.5 px-4 h-full dark:bg-codeblock relative text-sm leading-6 children:!my-0 children:!shadow-none children:!bg-transparent transition-[height] duration-300 ease-in-out code-block-background [&_*]:ring-0 [&_*]:outline-0 [&_*]:focus:ring-0 [&_*]:focus:outline-0 rounded-2xl bg-white overflow-x-auto scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-black/15 hover:scrollbar-thumb-black/20 active:scrollbar-thumb-black/20 dark:scrollbar-thumb-white/20 dark:hover:scrollbar-thumb-white/25 dark:active:scrollbar-thumb-white/25" data-component-part="code-block-root" tabindex="0" style="font-variant-ligatures:none;height:auto;background-color:#ffffff;--shiki-dark-bg:#0B0C0E"><div class="font-mono whitespace-pre leading-6"><pre class="shiki shiki-themes github-light-default dark-plus" style="background-color:#ffffff;--shiki-dark-bg:#0B0C0E;color:#1f2328;--shiki-dark:#D4D4D4" language="yaml"><code language="yaml" numberOfLines="15"><span class="line"><span style="color:#0550AE;--shiki-dark:#D4D4D4">---</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">name</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">pr-summary</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">description</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">Summarize changes in a pull request</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">context</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">fork</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">agent</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">Explore</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">allowed-tools</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">Bash(gh *)</span></span>¶
<span class="line"><span style="color:#0550AE;--shiki-dark:#D4D4D4">---</span></span>¶
<span class="line"></span>¶
<span class="line"><span style="color:#6E7781;--shiki-dark:#6A9955">## Pull request context</span></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4">- </span><span style="color:#116329;--shiki-dark:#569CD6">PR diff</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#82071E;--shiki-light-font-style:italic;--shiki-dark:#F44747;--shiki-dark-font-style:inherit">!`gh</span><span style="color:#0A3069;--shiki-dark:#CE9178"> pr diff`</span></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4">- </span><span style="color:#116329;--shiki-dark:#569CD6">PR comments</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#82071E;--shiki-light-font-style:italic;--shiki-dark:#F44747;--shiki-dark-font-style:inherit">!`gh</span><span style="color:#0A3069;--shiki-dark:#CE9178"> pr view --comments`</span></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4">- </span><span style="color:#116329;--shiki-dark:#569CD6">Changed files</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#82071E;--shiki-light-font-style:italic;--shiki-dark:#F44747;--shiki-dark-font-style:inherit">!`gh</span><span style="color:#0A3069;--shiki-dark:#CE9178"> pr diff --name-only`</span></span>¶
<span class="line"></span>¶
<span class="line"><span style="color:#6E7781;--shiki-dark:#6A9955">## Your task</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178">Summarize this pull request...</span></span>¶
</code></pre></div></div><div data-fade-overlay="true" aria-hidden="true" style="--fade-color-light:#ffffff;--fade-color-dark:#0B0C0E"></div></div>¶
<span data-as="p">When this skill runs:</span>¶
<ol>¶
<li>Each <code>!</code>command“ executes immediately (before Claude sees anything)</li>¶
<li>The output replaces the placeholder in the skill content</li>¶
<li>Claude receives the fully-rendered prompt with actual PR data</li>¶
</ol>¶
<span data-as="p">This is preprocessing, not something Claude executes. Claude only sees the final result.</span>¶
<div class="callout my-4 px-5 py-4 overflow-hidden rounded-2xl flex gap-3 border border-green-200 bg-green-50 dark:border-green-900 dark:bg-green-600/20 [&_[data-component-part='callout-icon']]:mt-px" data-callout-type="tip"><div class="mt-0.5 w-4" data-component-part="callout-icon"><svg width="11" height="14" viewBox="0 0 11 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="text-green-800 dark:text-green-300 w-3.5 h-auto" aria-label="Tip"><path d="M3.12794 12.4232C3.12794 12.5954 3.1776 12.7634 3.27244 12.907L3.74114 13.6095C3.88471 13.8248 4.21067 14 4.46964 14H6.15606C6.41415 14 6.74017 13.825 6.88373 13.6095L7.3508 12.9073C7.43114 12.7859 7.49705 12.569 7.49705 12.4232L7.50055 11.3513H3.12521L3.12794 12.4232ZM5.31288 0C2.52414 0.00875889 0.5 2.26889 0.5 4.78826C0.5 6.00188 0.949566 7.10829 1.69119 7.95492C2.14321 8.47011 2.84901 9.54727 3.11919 10.4557C3.12005 10.4625 3.12175 10.4698 3.12261 10.4771H7.50342C7.50427 10.4698 7.50598 10.463 7.50684 10.4557C7.77688 9.54727 8.48281 8.47011 8.93484 7.95492C9.67728 7.13181 10.1258 6.02703 10.1258 4.78826C10.1258 2.15486 7.9709 0.000106649 5.31288 0ZM7.94902 7.11267C7.52078 7.60079 6.99082 8.37878 6.6077 9.18794H4.02051C3.63739 8.37878 3.10743 7.60079 2.67947 7.11294C2.11997 6.47551 1.8126 5.63599 1.8126 4.78826C1.8126 3.09829 3.12794 1.31944 5.28827 1.3126C7.2435 1.3126 8.81315 2.88226 8.81315 4.78826C8.81315 5.63599 8.50688 6.47551 7.94902 7.11267ZM4.87534 2.18767C3.66939 2.18767 2.68767 3.16939 2.68767 4.37534C2.68767 4.61719 2.88336 4.81288 3.12521 4.81288C3.36705 4.81288 3.56274 4.61599 3.56274 4.37534C3.56274 3.6515 4.1515 3.06274 4.87534 3.06274C5.11719 3.06274 5.31288 2.86727 5.31288 2.62548C5.31288 2.38369 5.11599 2.18767 4.87534 2.18767Z"></path></svg></div><div class="text-sm prose dark:prose-invert min-w-0 w-full [&_kbd]:bg-background-light dark:[&_kbd]:bg-background-dark [&_code]:!text-current [&_kbd]:!text-current [&_a]:!text-current [&_a]:border-current [&_strong]:!text-current text-green-800 dark:text-green-300" data-component-part="callout-content"><span data-as="p">To enable <a class="link" href="/docs/en/common-workflows#use-extended-thinking-thinking-mode">extended thinking</a> in a skill, include the word “ultrathink” anywhere in your skill content.</span></div></div>¶
<h3 class="flex whitespace-pre-wrap group font-semibold" id="run-skills-in-a-subagent"><div class="absolute" tabindex="-1"><a href="#run-skills-in-a-subagent" class="-ml-10 flex items-center opacity-0 border-0 group-hover:opacity-100 focus:opacity-100 focus:outline-0 group/link" aria-label="Navigate to header"><div class="w-6 h-6 rounded-md flex items-center justify-center shadow-sm text-gray-400 dark:text-white/50 dark:bg-background-dark dark:brightness-[1.35] dark:ring-1 dark:hover:brightness-150 bg-white ring-1 ring-gray-400/30 dark:ring-gray-700/25 hover:ring-gray-400/60 dark:hover:ring-white/20 group-focus/link:border-2 group-focus/link:border-primary dark:group-focus/link:border-primary-light"><svg xmlns="http://www.w3.org/2000/svg" fill="gray" height="12px" viewBox="0 0 576 512"><path d="M0 256C0 167.6 71.6 96 160 96h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C98.1 144 48 194.1 48 256s50.1 112 112 112h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C71.6 416 0 344.4 0 256zm576 0c0 88.4-71.6 160-160 160H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c61.9 0 112-50.1 112-112s-50.1-112-112-112H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c88.4 0 160 71.6 160 160zM184 232H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-13.3 0-24-10.7-24-24s10.7-24 24-24z"></path></svg></div></a></div><span class="cursor-pointer">Run skills in a subagent</span></h3>¶
<span data-as="p">Add <code>context: fork</code> to your frontmatter when you want a skill to run in isolation. The skill content becomes the prompt that drives the subagent. It won’t have access to your conversation history.</span>¶
<div class="callout my-4 px-5 py-4 overflow-hidden rounded-2xl flex gap-3 border border-yellow-200 bg-yellow-50 dark:border-yellow-900 dark:bg-yellow-600/20 [&_[data-component-part='callout-icon']]:mt-px" data-callout-type="warning"><div class="mt-0.5 w-4" data-component-part="callout-icon"><svg class="flex-none size-5 text-yellow-800 dark:text-yellow-300" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-label="Warning"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"></path></svg></div><div class="text-sm prose dark:prose-invert min-w-0 w-full [&_kbd]:bg-background-light dark:[&_kbd]:bg-background-dark [&_code]:!text-current [&_kbd]:!text-current [&_a]:!text-current [&_a]:border-current [&_strong]:!text-current text-yellow-800 dark:text-yellow-300" data-component-part="callout-content"><span data-as="p"><code>context: fork</code> only makes sense for skills with explicit instructions. If your skill contains guidelines like “use these API conventions” without a task, the subagent receives the guidelines but no actionable prompt, and returns without meaningful output.</span></div></div>¶
<span data-as="p">Skills and <a class="link" href="/docs/en/sub-agents">subagents</a> work together in two directions:</span>¶
<div data-table-wrapper="true" class="[--page-padding:20px] overflow-x-auto flex w-[calc(100%+(var(--page-padding)*2))] my-[1em] py-[1em] -mx-[var(--page-padding)] max-w-none [contain:inline-size]"><div class="px-[var(--page-padding)] grow max-w-none table"><table class="m-0 min-w-full w-full max-w-none table [&_td]:min-w-[150px] [&_th]:text-left [&_td[data-numeric]]:tabular-nums"><thead><tr><th style="text-align:left">Approach</th><th style="text-align:left">System prompt</th><th style="text-align:left">Task</th><th style="text-align:left">Also loads</th></tr></thead><tbody><tr><td style="text-align:left">Skill with <code>context: fork</code></td><td style="text-align:left">From agent type (<code>Explore</code>, <code>Plan</code>, etc.)</td><td style="text-align:left">SKILL.md content</td><td style="text-align:left">CLAUDE.md</td></tr><tr><td style="text-align:left">Subagent with <code>skills</code> field</td><td style="text-align:left">Subagent’s markdown body</td><td style="text-align:left">Claude’s delegation message</td><td style="text-align:left">Preloaded skills + CLAUDE.md</td></tr></tbody></table></div></div>¶
<span data-as="p">With <code>context: fork</code>, you write the task in your skill and pick an agent type to execute it. For the inverse (defining a custom subagent that uses skills as reference material), see <a class="link" href="/docs/en/sub-agents#preload-skills-into-subagents">Subagents</a>.</span>¶
<h4 class="flex whitespace-pre-wrap group font-semibold" id="example-research-skill-using-explore-agent"><div class="absolute" tabindex="-1"><a href="#example-research-skill-using-explore-agent" class="-ml-10 flex items-center opacity-0 border-0 group-hover:opacity-100 focus:opacity-100 focus:outline-0 group/link" aria-label="Navigate to header"><div class="w-6 h-6 rounded-md flex items-center justify-center shadow-sm text-gray-400 dark:text-white/50 dark:bg-background-dark dark:brightness-[1.35] dark:ring-1 dark:hover:brightness-150 bg-white ring-1 ring-gray-400/30 dark:ring-gray-700/25 hover:ring-gray-400/60 dark:hover:ring-white/20 group-focus/link:border-2 group-focus/link:border-primary dark:group-focus/link:border-primary-light"><svg xmlns="http://www.w3.org/2000/svg" fill="gray" height="12px" viewBox="0 0 576 512"><path d="M0 256C0 167.6 71.6 96 160 96h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C98.1 144 48 194.1 48 256s50.1 112 112 112h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C71.6 416 0 344.4 0 256zm576 0c0 88.4-71.6 160-160 160H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c61.9 0 112-50.1 112-112s-50.1-112-112-112H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c88.4 0 160 71.6 160 160zM184 232H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-13.3 0-24-10.7-24-24s10.7-24 24-24z"></path></svg></div></a></div><span class="cursor-pointer">Example: Research skill using Explore agent</span></h4>¶
<span data-as="p">This skill runs research in a forked Explore agent. The skill content becomes the task, and the agent provides read-only tools optimized for codebase exploration:</span>¶
<div class="code-block mt-5 mb-8 not-prose rounded-2xl relative group text-gray-950 dark:text-gray-50 codeblock-light border border-gray-950/10 dark:border-white/10 dark:twoslash-dark bg-transparent dark:bg-transparent" numberOfLines="12" language="yaml"><div data-floating-buttons="true" class="absolute top-3 right-4 flex items-center gap-1.5"><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/code-snippet-feedback-button" id="code-snippet-feedback-button" aria-label="Report incorrect code"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4 text-gray-400 group-hover/code-snippet-feedback-button:text-gray-500 dark:text-white/40 dark:group-hover/code-snippet-feedback-button:text-white/60"><path d="M12 16h.01"></path><path d="M12 8v4"></path><path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Report incorrect code</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/copy-button " data-testid="copy-code-button" aria-label="Copy the contents from the code block"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/copy-button:text-gray-500 dark:text-white/40 dark:group-hover/copy-button:text-white/60"><path d="M14.25 5.25H7.25C6.14543 5.25 5.25 6.14543 5.25 7.25V14.25C5.25 15.3546 6.14543 16.25 7.25 16.25H14.25C15.3546 16.25 16.25 15.3546 16.25 14.25V7.25C16.25 6.14543 15.3546 5.25 14.25 5.25Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.80103 11.998L1.77203 5.07397C1.61003 3.98097 2.36403 2.96397 3.45603 2.80197L10.38 1.77297C11.313 1.63397 12.19 2.16297 12.528 3.00097" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Copy</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/ask-ai-button " id="ask-ai-code-block-button" aria-label="Ask AI" data-chat-payload-element-id="lang-yaml-code----_name__deep-resea"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/ask-ai-button:text-gray-500 dark:text-white/40 dark:group-hover/ask-ai-button:text-white/60"><path d="M3.51169 1.50098L3.92087 2.72754L3.99997 2.96387L5.49997 3.46387L4.23825 3.88477L4.00095 3.96387L3.92184 4.20117L3.50095 5.46191L3.49997 5.46387H3.49899L2.99899 3.96387L1.49899 3.46387L2.99899 2.96387L3.07809 2.72754L3.4863 1.50098C3.49031 1.50045 3.49522 1.5 3.49997 1.5C3.50416 1.50002 3.50807 1.50054 3.51169 1.50098Z" stroke="currentColor"></path><path d="M9.5 2.75L11.412 7.587L16.25 9.5L11.412 11.413L9.5 16.25L7.587 11.413L2.75 9.5L7.587 7.587L9.5 2.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Ask AI</div></div></div><div class="w-0 min-w-full max-w-full py-3.5 px-4 h-full dark:bg-codeblock relative text-sm leading-6 children:!my-0 children:!shadow-none children:!bg-transparent transition-[height] duration-300 ease-in-out code-block-background [&_*]:ring-0 [&_*]:outline-0 [&_*]:focus:ring-0 [&_*]:focus:outline-0 rounded-2xl bg-white overflow-x-auto scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-black/15 hover:scrollbar-thumb-black/20 active:scrollbar-thumb-black/20 dark:scrollbar-thumb-white/20 dark:hover:scrollbar-thumb-white/25 dark:active:scrollbar-thumb-white/25" data-component-part="code-block-root" tabindex="0" style="font-variant-ligatures:none;height:auto;background-color:#ffffff;--shiki-dark-bg:#0B0C0E"><div class="font-mono whitespace-pre leading-6"><pre class="shiki shiki-themes github-light-default dark-plus" style="background-color:#ffffff;--shiki-dark-bg:#0B0C0E;color:#1f2328;--shiki-dark:#D4D4D4" language="yaml"><code language="yaml" numberOfLines="12"><span class="line"><span style="color:#0550AE;--shiki-dark:#D4D4D4">---</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">name</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">deep-research</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">description</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">Research a topic thoroughly</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">context</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">fork</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">agent</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">Explore</span></span>¶
<span class="line"><span style="color:#0550AE;--shiki-dark:#D4D4D4">---</span></span>¶
<span class="line"></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">Research $ARGUMENTS thoroughly</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">:</span></span>¶
<span class="line"></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178">1. Find relevant files using Glob and Grep</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178">2. Read and analyze the code</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178">3. Summarize findings with specific file references</span></span>¶
</code></pre></div></div><div data-fade-overlay="true" aria-hidden="true" style="--fade-color-light:#ffffff;--fade-color-dark:#0B0C0E"></div></div>¶
<span data-as="p">When this skill runs:</span>¶
<ol>¶
<li>A new isolated context is created</li>¶
<li>The subagent receives the skill content as its prompt (“Research $ARGUMENTS thoroughly…”)</li>¶
<li>The <code>agent</code> field determines the execution environment (model, tools, and permissions)</li>¶
<li>Results are summarized and returned to your main conversation</li>¶
</ol>¶
<span data-as="p">The <code>agent</code> field specifies which subagent configuration to use. Options include built-in agents (<code>Explore</code>, <code>Plan</code>, <code>general-purpose</code>) or any custom subagent from <code>.claude/agents/</code>. If omitted, uses <code>general-purpose</code>.</span>¶
<h3 class="flex whitespace-pre-wrap group font-semibold" id="restrict-claude’s-skill-access"><div class="absolute" tabindex="-1"><a href="#restrict-claude’s-skill-access" class="-ml-10 flex items-center opacity-0 border-0 group-hover:opacity-100 focus:opacity-100 focus:outline-0 group/link" aria-label="Navigate to header"><div class="w-6 h-6 rounded-md flex items-center justify-center shadow-sm text-gray-400 dark:text-white/50 dark:bg-background-dark dark:brightness-[1.35] dark:ring-1 dark:hover:brightness-150 bg-white ring-1 ring-gray-400/30 dark:ring-gray-700/25 hover:ring-gray-400/60 dark:hover:ring-white/20 group-focus/link:border-2 group-focus/link:border-primary dark:group-focus/link:border-primary-light"><svg xmlns="http://www.w3.org/2000/svg" fill="gray" height="12px" viewBox="0 0 576 512"><path d="M0 256C0 167.6 71.6 96 160 96h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C98.1 144 48 194.1 48 256s50.1 112 112 112h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C71.6 416 0 344.4 0 256zm576 0c0 88.4-71.6 160-160 160H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c61.9 0 112-50.1 112-112s-50.1-112-112-112H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c88.4 0 160 71.6 160 160zM184 232H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-13.3 0-24-10.7-24-24s10.7-24 24-24z"></path></svg></div></a></div><span class="cursor-pointer">Restrict Claude’s skill access</span></h3>¶
<span data-as="p">By default, Claude can invoke any skill that doesn’t have <code>disable-model-invocation: true</code> set. Skills that define <code>allowed-tools</code> grant Claude access to those tools without per-use approval when the skill is active. Your <a class="link" href="/docs/en/permissions">permission settings</a> still govern baseline approval behavior for all other tools. Built-in commands like <code>/compact</code> and <code>/init</code> are not available through the Skill tool.</span>¶
<span data-as="p">Three ways to control which skills Claude can invoke:</span>¶
<span data-as="p"><strong>Disable all skills</strong> by denying the Skill tool in <code>/permissions</code>:</span>¶
<div class="code-block mt-5 mb-8 not-prose rounded-2xl relative group text-gray-950 dark:text-gray-50 codeblock-light border border-gray-950/10 dark:border-white/10 dark:twoslash-dark bg-transparent dark:bg-transparent" numberOfLines="3" language="text"><div data-floating-buttons="true" class="absolute top-3 right-4 flex items-center gap-1.5"><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/code-snippet-feedback-button" id="code-snippet-feedback-button" aria-label="Report incorrect code"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4 text-gray-400 group-hover/code-snippet-feedback-button:text-gray-500 dark:text-white/40 dark:group-hover/code-snippet-feedback-button:text-white/60"><path d="M12 16h.01"></path><path d="M12 8v4"></path><path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Report incorrect code</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/copy-button " data-testid="copy-code-button" aria-label="Copy the contents from the code block"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/copy-button:text-gray-500 dark:text-white/40 dark:group-hover/copy-button:text-white/60"><path d="M14.25 5.25H7.25C6.14543 5.25 5.25 6.14543 5.25 7.25V14.25C5.25 15.3546 6.14543 16.25 7.25 16.25H14.25C15.3546 16.25 16.25 15.3546 16.25 14.25V7.25C16.25 6.14543 15.3546 5.25 14.25 5.25Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.80103 11.998L1.77203 5.07397C1.61003 3.98097 2.36403 2.96397 3.45603 2.80197L10.38 1.77297C11.313 1.63397 12.19 2.16297 12.528 3.00097" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Copy</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/ask-ai-button " id="ask-ai-code-block-button" aria-label="Ask AI" data-chat-payload-element-id="lang-text-code-__Add_to_deny_rules_"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/ask-ai-button:text-gray-500 dark:text-white/40 dark:group-hover/ask-ai-button:text-white/60"><path d="M3.51169 1.50098L3.92087 2.72754L3.99997 2.96387L5.49997 3.46387L4.23825 3.88477L4.00095 3.96387L3.92184 4.20117L3.50095 5.46191L3.49997 5.46387H3.49899L2.99899 3.96387L1.49899 3.46387L2.99899 2.96387L3.07809 2.72754L3.4863 1.50098C3.49031 1.50045 3.49522 1.5 3.49997 1.5C3.50416 1.50002 3.50807 1.50054 3.51169 1.50098Z" stroke="currentColor"></path><path d="M9.5 2.75L11.412 7.587L16.25 9.5L11.412 11.413L9.5 16.25L7.587 11.413L2.75 9.5L7.587 7.587L9.5 2.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Ask AI</div></div></div><div class="w-0 min-w-full max-w-full py-3.5 px-4 h-full dark:bg-codeblock relative text-sm leading-6 children:!my-0 children:!shadow-none children:!bg-transparent transition-[height] duration-300 ease-in-out code-block-background [&_*]:ring-0 [&_*]:outline-0 [&_*]:focus:ring-0 [&_*]:focus:outline-0 rounded-2xl bg-white overflow-x-auto scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-black/15 hover:scrollbar-thumb-black/20 active:scrollbar-thumb-black/20 dark:scrollbar-thumb-white/20 dark:hover:scrollbar-thumb-white/25 dark:active:scrollbar-thumb-white/25" data-component-part="code-block-root" tabindex="0" style="font-variant-ligatures:none;height:auto;background-color:#ffffff;--shiki-dark-bg:#0B0C0E"><div class="font-mono whitespace-pre leading-6"><pre class="shiki shiki-themes github-light-default dark-plus" style="background-color:#ffffff;--shiki-dark-bg:#0B0C0E;color:#1f2328;--shiki-dark:#D4D4D4" language="text"><code language="text" numberOfLines="3"><span class="line"><span># Add to deny rules:</span></span>¶
<span class="line"><span>Skill</span></span>¶
<span class="line"><span></span></span></code></pre></div></div><div data-fade-overlay="true" aria-hidden="true" style="--fade-color-light:#ffffff;--fade-color-dark:#0B0C0E"></div></div>¶
<span data-as="p"><strong>Allow or deny specific skills</strong> using <a class="link" href="/docs/en/permissions">permission rules</a>:</span>¶
<div class="code-block mt-5 mb-8 not-prose rounded-2xl relative group text-gray-950 dark:text-gray-50 codeblock-light border border-gray-950/10 dark:border-white/10 dark:twoslash-dark bg-transparent dark:bg-transparent" numberOfLines="7" language="text"><div data-floating-buttons="true" class="absolute top-3 right-4 flex items-center gap-1.5"><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/code-snippet-feedback-button" id="code-snippet-feedback-button" aria-label="Report incorrect code"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4 text-gray-400 group-hover/code-snippet-feedback-button:text-gray-500 dark:text-white/40 dark:group-hover/code-snippet-feedback-button:text-white/60"><path d="M12 16h.01"></path><path d="M12 8v4"></path><path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Report incorrect code</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/copy-button " data-testid="copy-code-button" aria-label="Copy the contents from the code block"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/copy-button:text-gray-500 dark:text-white/40 dark:group-hover/copy-button:text-white/60"><path d="M14.25 5.25H7.25C6.14543 5.25 5.25 6.14543 5.25 7.25V14.25C5.25 15.3546 6.14543 16.25 7.25 16.25H14.25C15.3546 16.25 16.25 15.3546 16.25 14.25V7.25C16.25 6.14543 15.3546 5.25 14.25 5.25Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.80103 11.998L1.77203 5.07397C1.61003 3.98097 2.36403 2.96397 3.45603 2.80197L10.38 1.77297C11.313 1.63397 12.19 2.16297 12.528 3.00097" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Copy</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/ask-ai-button " id="ask-ai-code-block-button" aria-label="Ask AI" data-chat-payload-element-id="lang-text-code-__Allow_only_specifi"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/ask-ai-button:text-gray-500 dark:text-white/40 dark:group-hover/ask-ai-button:text-white/60"><path d="M3.51169 1.50098L3.92087 2.72754L3.99997 2.96387L5.49997 3.46387L4.23825 3.88477L4.00095 3.96387L3.92184 4.20117L3.50095 5.46191L3.49997 5.46387H3.49899L2.99899 3.96387L1.49899 3.46387L2.99899 2.96387L3.07809 2.72754L3.4863 1.50098C3.49031 1.50045 3.49522 1.5 3.49997 1.5C3.50416 1.50002 3.50807 1.50054 3.51169 1.50098Z" stroke="currentColor"></path><path d="M9.5 2.75L11.412 7.587L16.25 9.5L11.412 11.413L9.5 16.25L7.587 11.413L2.75 9.5L7.587 7.587L9.5 2.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Ask AI</div></div></div><div class="w-0 min-w-full max-w-full py-3.5 px-4 h-full dark:bg-codeblock relative text-sm leading-6 children:!my-0 children:!shadow-none children:!bg-transparent transition-[height] duration-300 ease-in-out code-block-background [&_*]:ring-0 [&_*]:outline-0 [&_*]:focus:ring-0 [&_*]:focus:outline-0 rounded-2xl bg-white overflow-x-auto scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-black/15 hover:scrollbar-thumb-black/20 active:scrollbar-thumb-black/20 dark:scrollbar-thumb-white/20 dark:hover:scrollbar-thumb-white/25 dark:active:scrollbar-thumb-white/25" data-component-part="code-block-root" tabindex="0" style="font-variant-ligatures:none;height:auto;background-color:#ffffff;--shiki-dark-bg:#0B0C0E"><div class="font-mono whitespace-pre leading-6"><pre class="shiki shiki-themes github-light-default dark-plus" style="background-color:#ffffff;--shiki-dark-bg:#0B0C0E;color:#1f2328;--shiki-dark:#D4D4D4" language="text"><code language="text" numberOfLines="7"><span class="line"><span># Allow only specific skills</span></span>¶
<span class="line"><span>Skill(commit)</span></span>¶
<span class="line"><span>Skill(review-pr *)</span></span>¶
<span class="line"><span></span></span>¶
<span class="line"><span># Deny specific skills</span></span>¶
<span class="line"><span>Skill(deploy *)</span></span>¶
<span class="line"><span></span></span></code></pre></div></div><div data-fade-overlay="true" aria-hidden="true" style="--fade-color-light:#ffffff;--fade-color-dark:#0B0C0E"></div></div>¶
<span data-as="p">Permission syntax: <code>Skill(name)</code> for exact match, <code>Skill(name *)</code> for prefix match with any arguments.</span>¶
<span data-as="p"><strong>Hide individual skills</strong> by adding <code>disable-model-invocation: true</code> to their frontmatter. This removes the skill from Claude’s context entirely.</span>¶
<div class="callout my-4 px-5 py-4 overflow-hidden rounded-2xl flex gap-3 border border-blue-200 bg-blue-50 dark:border-blue-900 dark:bg-blue-600/20" data-callout-type="note"><div class="mt-0.5 w-4" data-component-part="callout-icon"><svg width="14" height="14" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="size-4 text-blue-800 dark:text-blue-300" aria-label="Note"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 1.3C10.14 1.3 12.7 3.86 12.7 7C12.7 10.14 10.14 12.7 7 12.7C5.48908 12.6974 4.0408 12.096 2.97241 11.0276C1.90403 9.9592 1.30264 8.51092 1.3 7C1.3 3.86 3.86 1.3 7 1.3ZM7 0C3.14 0 0 3.14 0 7C0 10.86 3.14 14 7 14C10.86 14 14 10.86 14 7C14 3.14 10.86 0 7 0ZM8 3H6V8H8V3ZM8 9H6V11H8V9Z"></path></svg></div><div class="text-sm prose dark:prose-invert min-w-0 w-full [&_kbd]:bg-background-light dark:[&_kbd]:bg-background-dark [&_code]:!text-current [&_kbd]:!text-current [&_a]:!text-current [&_a]:border-current [&_strong]:!text-current text-blue-800 dark:text-blue-300" data-component-part="callout-content"><span data-as="p">The <code>user-invocable</code> field only controls menu visibility, not Skill tool access. Use <code>disable-model-invocation: true</code> to block programmatic invocation.</span></div></div>¶
<h2 class="flex whitespace-pre-wrap group font-semibold" id="share-skills"><div class="absolute" tabindex="-1"><a href="#share-skills" class="-ml-10 flex items-center opacity-0 border-0 group-hover:opacity-100 focus:opacity-100 focus:outline-0 group/link" aria-label="Navigate to header"><div class="w-6 h-6 rounded-md flex items-center justify-center shadow-sm text-gray-400 dark:text-white/50 dark:bg-background-dark dark:brightness-[1.35] dark:ring-1 dark:hover:brightness-150 bg-white ring-1 ring-gray-400/30 dark:ring-gray-700/25 hover:ring-gray-400/60 dark:hover:ring-white/20 group-focus/link:border-2 group-focus/link:border-primary dark:group-focus/link:border-primary-light"><svg xmlns="http://www.w3.org/2000/svg" fill="gray" height="12px" viewBox="0 0 576 512"><path d="M0 256C0 167.6 71.6 96 160 96h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C98.1 144 48 194.1 48 256s50.1 112 112 112h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C71.6 416 0 344.4 0 256zm576 0c0 88.4-71.6 160-160 160H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c61.9 0 112-50.1 112-112s-50.1-112-112-112H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c88.4 0 160 71.6 160 160zM184 232H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-13.3 0-24-10.7-24-24s10.7-24 24-24z"></path></svg></div></a></div><span class="cursor-pointer">Share skills</span></h2>¶
<span data-as="p">Skills can be distributed at different scopes depending on your audience:</span>¶
<ul>¶
<li><strong>Project skills</strong>: Commit <code>.claude/skills/</code> to version control</li>¶
<li><strong>Plugins</strong>: Create a <code>skills/</code> directory in your <a class="link" href="/docs/en/plugins">plugin</a></li>¶
<li><strong>Managed</strong>: Deploy organization-wide through <a class="link" href="/docs/en/permissions#managed-settings">managed settings</a></li>¶
</ul>¶
<h3 class="flex whitespace-pre-wrap group font-semibold" id="generate-visual-output"><div class="absolute" tabindex="-1"><a href="#generate-visual-output" class="-ml-10 flex items-center opacity-0 border-0 group-hover:opacity-100 focus:opacity-100 focus:outline-0 group/link" aria-label="Navigate to header"><div class="w-6 h-6 rounded-md flex items-center justify-center shadow-sm text-gray-400 dark:text-white/50 dark:bg-background-dark dark:brightness-[1.35] dark:ring-1 dark:hover:brightness-150 bg-white ring-1 ring-gray-400/30 dark:ring-gray-700/25 hover:ring-gray-400/60 dark:hover:ring-white/20 group-focus/link:border-2 group-focus/link:border-primary dark:group-focus/link:border-primary-light"><svg xmlns="http://www.w3.org/2000/svg" fill="gray" height="12px" viewBox="0 0 576 512"><path d="M0 256C0 167.6 71.6 96 160 96h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C98.1 144 48 194.1 48 256s50.1 112 112 112h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C71.6 416 0 344.4 0 256zm576 0c0 88.4-71.6 160-160 160H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c61.9 0 112-50.1 112-112s-50.1-112-112-112H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c88.4 0 160 71.6 160 160zM184 232H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-13.3 0-24-10.7-24-24s10.7-24 24-24z"></path></svg></div></a></div><span class="cursor-pointer">Generate visual output</span></h3>¶
<span data-as="p">Skills can bundle and run scripts in any language, giving Claude capabilities beyond what’s possible in a single prompt. One powerful pattern is generating visual output: interactive HTML files that open in your browser for exploring data, debugging, or creating reports.</span>¶
<span data-as="p">This example creates a codebase explorer: an interactive tree view where you can expand and collapse directories, see file sizes at a glance, and identify file types by color.</span>¶
<span data-as="p">Create the Skill directory:</span>¶
<div class="code-block mt-5 mb-8 not-prose rounded-2xl relative group text-gray-950 dark:text-gray-50 codeblock-light border border-gray-950/10 dark:border-white/10 dark:twoslash-dark bg-transparent dark:bg-transparent" numberOfLines="1" language="shellscript"><div data-floating-buttons="true" class="absolute top-3 right-4 flex items-center gap-1.5"><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/code-snippet-feedback-button" id="code-snippet-feedback-button" aria-label="Report incorrect code"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4 text-gray-400 group-hover/code-snippet-feedback-button:text-gray-500 dark:text-white/40 dark:group-hover/code-snippet-feedback-button:text-white/60"><path d="M12 16h.01"></path><path d="M12 8v4"></path><path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Report incorrect code</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/copy-button " data-testid="copy-code-button" aria-label="Copy the contents from the code block"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/copy-button:text-gray-500 dark:text-white/40 dark:group-hover/copy-button:text-white/60"><path d="M14.25 5.25H7.25C6.14543 5.25 5.25 6.14543 5.25 7.25V14.25C5.25 15.3546 6.14543 16.25 7.25 16.25H14.25C15.3546 16.25 16.25 15.3546 16.25 14.25V7.25C16.25 6.14543 15.3546 5.25 14.25 5.25Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.80103 11.998L1.77203 5.07397C1.61003 3.98097 2.36403 2.96397 3.45603 2.80197L10.38 1.77297C11.313 1.63397 12.19 2.16297 12.528 3.00097" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Copy</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/ask-ai-button " id="ask-ai-code-block-button" aria-label="Ask AI" data-chat-payload-element-id="lang-shellscript-code-mkdir_-p____claude_s"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/ask-ai-button:text-gray-500 dark:text-white/40 dark:group-hover/ask-ai-button:text-white/60"><path d="M3.51169 1.50098L3.92087 2.72754L3.99997 2.96387L5.49997 3.46387L4.23825 3.88477L4.00095 3.96387L3.92184 4.20117L3.50095 5.46191L3.49997 5.46387H3.49899L2.99899 3.96387L1.49899 3.46387L2.99899 2.96387L3.07809 2.72754L3.4863 1.50098C3.49031 1.50045 3.49522 1.5 3.49997 1.5C3.50416 1.50002 3.50807 1.50054 3.51169 1.50098Z" stroke="currentColor"></path><path d="M9.5 2.75L11.412 7.587L16.25 9.5L11.412 11.413L9.5 16.25L7.587 11.413L2.75 9.5L7.587 7.587L9.5 2.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Ask AI</div></div></div><div class="w-0 min-w-full max-w-full py-3.5 px-4 h-full dark:bg-codeblock relative text-sm leading-6 children:!my-0 children:!shadow-none children:!bg-transparent transition-[height] duration-300 ease-in-out code-block-background [&_*]:ring-0 [&_*]:outline-0 [&_*]:focus:ring-0 [&_*]:focus:outline-0 rounded-2xl bg-white overflow-x-auto scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-black/15 hover:scrollbar-thumb-black/20 active:scrollbar-thumb-black/20 dark:scrollbar-thumb-white/20 dark:hover:scrollbar-thumb-white/25 dark:active:scrollbar-thumb-white/25" data-component-part="code-block-root" tabindex="0" style="font-variant-ligatures:none;height:auto;background-color:#ffffff;--shiki-dark-bg:#0B0C0E"><div class="font-mono whitespace-pre leading-6"><pre class="shiki shiki-themes github-light-default dark-plus" style="background-color:#ffffff;--shiki-dark-bg:#0B0C0E;color:#1f2328;--shiki-dark:#D4D4D4" language="shellscript"><code language="shellscript" numberOfLines="1"><span class="line"><span style="color:#953800;--shiki-dark:#DCDCAA">mkdir</span><span style="color:#0550AE;--shiki-dark:#569CD6"> -p</span><span style="color:#0A3069;--shiki-dark:#CE9178"> ~/.claude/skills/codebase-visualizer/scripts</span></span>¶
</code></pre></div></div><div data-fade-overlay="true" aria-hidden="true" style="--fade-color-light:#ffffff;--fade-color-dark:#0B0C0E"></div></div>¶
<span data-as="p">Create <code>~/.claude/skills/codebase-visualizer/SKILL.md</code>. The description tells Claude when to activate this Skill, and the instructions tell Claude to run the bundled script:</span>¶
<div class="code-block mt-5 mb-8 not-prose rounded-2xl relative group text-gray-950 dark:text-gray-50 codeblock-light border border-gray-950/10 dark:border-white/10 dark:twoslash-dark bg-transparent dark:bg-transparent" numberOfLines="26" language="yaml"><div data-floating-buttons="true" class="absolute top-3 right-4 flex items-center gap-1.5"><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/code-snippet-feedback-button" id="code-snippet-feedback-button" aria-label="Report incorrect code"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4 text-gray-400 group-hover/code-snippet-feedback-button:text-gray-500 dark:text-white/40 dark:group-hover/code-snippet-feedback-button:text-white/60"><path d="M12 16h.01"></path><path d="M12 8v4"></path><path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Report incorrect code</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/copy-button " data-testid="copy-code-button" aria-label="Copy the contents from the code block"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/copy-button:text-gray-500 dark:text-white/40 dark:group-hover/copy-button:text-white/60"><path d="M14.25 5.25H7.25C6.14543 5.25 5.25 6.14543 5.25 7.25V14.25C5.25 15.3546 6.14543 16.25 7.25 16.25H14.25C15.3546 16.25 16.25 15.3546 16.25 14.25V7.25C16.25 6.14543 15.3546 5.25 14.25 5.25Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.80103 11.998L1.77203 5.07397C1.61003 3.98097 2.36403 2.96397 3.45603 2.80197L10.38 1.77297C11.313 1.63397 12.19 2.16297 12.528 3.00097" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Copy</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/ask-ai-button " id="ask-ai-code-block-button" aria-label="Ask AI" data-chat-payload-element-id="lang-yaml-code----_name__codebase-v"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/ask-ai-button:text-gray-500 dark:text-white/40 dark:group-hover/ask-ai-button:text-white/60"><path d="M3.51169 1.50098L3.92087 2.72754L3.99997 2.96387L5.49997 3.46387L4.23825 3.88477L4.00095 3.96387L3.92184 4.20117L3.50095 5.46191L3.49997 5.46387H3.49899L2.99899 3.96387L1.49899 3.46387L2.99899 2.96387L3.07809 2.72754L3.4863 1.50098C3.49031 1.50045 3.49522 1.5 3.49997 1.5C3.50416 1.50002 3.50807 1.50054 3.51169 1.50098Z" stroke="currentColor"></path><path d="M9.5 2.75L11.412 7.587L16.25 9.5L11.412 11.413L9.5 16.25L7.587 11.413L2.75 9.5L7.587 7.587L9.5 2.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Ask AI</div></div></div><div class="w-0 min-w-full max-w-full py-3.5 px-4 h-full dark:bg-codeblock relative text-sm leading-6 children:!my-0 children:!shadow-none children:!bg-transparent transition-[height] duration-300 ease-in-out code-block-background [&_*]:ring-0 [&_*]:outline-0 [&_*]:focus:ring-0 [&_*]:focus:outline-0 rounded-2xl bg-white overflow-x-auto scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-black/15 hover:scrollbar-thumb-black/20 active:scrollbar-thumb-black/20 dark:scrollbar-thumb-white/20 dark:hover:scrollbar-thumb-white/25 dark:active:scrollbar-thumb-white/25" data-component-part="code-block-root" tabindex="0" style="font-variant-ligatures:none;height:auto;background-color:#ffffff;--shiki-dark-bg:#0B0C0E"><div class="font-mono whitespace-pre leading-6"><pre class="shiki shiki-themes github-light-default dark-plus" style="background-color:#ffffff;--shiki-dark-bg:#0B0C0E;color:#1f2328;--shiki-dark:#D4D4D4" language="yaml"><code language="yaml" numberOfLines="26"><span class="line"><span style="color:#0550AE;--shiki-dark:#D4D4D4">---</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">name</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">codebase-visualizer</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">description</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">Generate an interactive collapsible tree visualization of your codebase. Use when exploring a new repo, understanding project structure, or identifying large files.</span></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">allowed-tools</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">Bash(python *)</span></span>¶
<span class="line"><span style="color:#0550AE;--shiki-dark:#D4D4D4">---</span></span>¶
<span class="line"></span>¶
<span class="line"><span style="color:#6E7781;--shiki-dark:#6A9955"># Codebase Visualizer</span></span>¶
<span class="line"></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178">Generate an interactive HTML tree view that shows your project's file structure with collapsible directories.</span></span>¶
<span class="line"></span>¶
<span class="line"><span style="color:#6E7781;--shiki-dark:#6A9955">## Usage</span></span>¶
<span class="line"></span>¶
<span class="line"><span style="color:#116329;--shiki-dark:#569CD6">Run the visualization script from your project root</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">:</span></span>¶
<span class="line"></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4">```</span><span style="color:#0A3069;--shiki-dark:#CE9178">bash</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178">python ~/.claude/skills/codebase-visualizer/scripts/visualize.py .</span></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4">```</span></span>¶
<span class="line"></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178">This creates `codebase-map.html` in the current directory and opens it in your default browser.</span></span>¶
<span class="line"></span>¶
<span class="line"><span style="color:#6E7781;--shiki-dark:#6A9955">## What the visualization shows</span></span>¶
<span class="line"></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4">- </span><span style="color:#CF222E;--shiki-dark:#C586C0">*</span><span style="color:#1F2328;--shiki-dark:#9CDCFE">*Collapsible</span><span style="color:#116329;--shiki-dark:#569CD6"> directories**</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">Click folders to expand/collapse</span></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4">- </span><span style="color:#CF222E;--shiki-dark:#C586C0">*</span><span style="color:#1F2328;--shiki-dark:#9CDCFE">*File</span><span style="color:#116329;--shiki-dark:#569CD6"> sizes**</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">Displayed next to each file</span></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4">- </span><span style="color:#CF222E;--shiki-dark:#C586C0">*</span><span style="color:#1F2328;--shiki-dark:#9CDCFE">*Colors**:</span><span style="color:#0A3069;--shiki-dark:#CE9178"> Different colors for different file types</span></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4">- </span><span style="color:#CF222E;--shiki-dark:#C586C0">*</span><span style="color:#1F2328;--shiki-dark:#9CDCFE">*Directory</span><span style="color:#116329;--shiki-dark:#569CD6"> totals**</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">Shows aggregate size of each folder</span></span>¶
</code></pre></div></div><div data-fade-overlay="true" aria-hidden="true" style="--fade-color-light:#ffffff;--fade-color-dark:#0B0C0E"></div></div>¶
<span data-as="p">Create <code>~/.claude/skills/codebase-visualizer/scripts/visualize.py</code>. This script scans a directory tree and generates a self-contained HTML file with:</span>¶
<ul>¶
<li>A <strong>summary sidebar</strong> showing file count, directory count, total size, and number of file types</li>¶
<li>A <strong>bar chart</strong> breaking down the codebase by file type (top 8 by size)</li>¶
<li>A <strong>collapsible tree</strong> where you can expand and collapse directories, with color-coded file type indicators</li>¶
</ul>¶
<span data-as="p">The script requires Python but uses only built-in libraries, so there are no packages to install:</span>¶
<div class="code-block mt-5 mb-8 not-prose rounded-2xl relative group text-gray-950 dark:text-gray-50 codeblock-light border border-gray-950/10 dark:border-white/10 dark:twoslash-dark bg-transparent dark:bg-transparent" numberOfLines="131" language="python"><div data-floating-buttons="true" class="absolute top-3 right-4 flex items-center gap-1.5"><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/code-snippet-feedback-button" id="code-snippet-feedback-button" aria-label="Report incorrect code"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4 text-gray-400 group-hover/code-snippet-feedback-button:text-gray-500 dark:text-white/40 dark:group-hover/code-snippet-feedback-button:text-white/60"><path d="M12 16h.01"></path><path d="M12 8v4"></path><path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Report incorrect code</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/copy-button " data-testid="copy-code-button" aria-label="Copy the contents from the code block"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/copy-button:text-gray-500 dark:text-white/40 dark:group-hover/copy-button:text-white/60"><path d="M14.25 5.25H7.25C6.14543 5.25 5.25 6.14543 5.25 7.25V14.25C5.25 15.3546 6.14543 16.25 7.25 16.25H14.25C15.3546 16.25 16.25 15.3546 16.25 14.25V7.25C16.25 6.14543 15.3546 5.25 14.25 5.25Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.80103 11.998L1.77203 5.07397C1.61003 3.98097 2.36403 2.96397 3.45603 2.80197L10.38 1.77297C11.313 1.63397 12.19 2.16297 12.528 3.00097" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Copy</div></div><div class="z-10 relative select-none"><button class="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/ask-ai-button " id="ask-ai-code-block-button" aria-label="Ask AI" data-chat-payload-element-id="lang-python-code-___usr_bin_env_pytho"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover/ask-ai-button:text-gray-500 dark:text-white/40 dark:group-hover/ask-ai-button:text-white/60"><path d="M3.51169 1.50098L3.92087 2.72754L3.99997 2.96387L5.49997 3.46387L4.23825 3.88477L4.00095 3.96387L3.92184 4.20117L3.50095 5.46191L3.49997 5.46387H3.49899L2.99899 3.96387L1.49899 3.46387L2.99899 2.96387L3.07809 2.72754L3.4863 1.50098C3.49031 1.50045 3.49522 1.5 3.49997 1.5C3.50416 1.50002 3.50807 1.50054 3.51169 1.50098Z" stroke="currentColor"></path><path d="M9.5 2.75L11.412 7.587L16.25 9.5L11.412 11.413L9.5 16.25L7.587 11.413L2.75 9.5L7.587 7.587L9.5 2.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div aria-hidden="true" class="absolute -top-3 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-tooltip-foreground rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">Ask AI</div></div></div><div class="w-0 min-w-full max-w-full py-3.5 px-4 h-full dark:bg-codeblock relative text-sm leading-6 children:!my-0 children:!shadow-none children:!bg-transparent transition-[height] duration-300 ease-in-out code-block-background [&_*]:ring-0 [&_*]:outline-0 [&_*]:focus:ring-0 [&_*]:focus:outline-0 rounded-2xl bg-white overflow-auto overflow-y-hidden overflow-x-auto scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-black/15 hover:scrollbar-thumb-black/20 active:scrollbar-thumb-black/20 dark:scrollbar-thumb-white/20 dark:hover:scrollbar-thumb-white/25 dark:active:scrollbar-thumb-white/25" data-component-part="code-block-root" tabindex="0" style="font-variant-ligatures:none;height:190px;background-color:#ffffff;--shiki-dark-bg:#0B0C0E"><div class="font-mono whitespace-pre leading-6"><pre class="shiki shiki-themes github-light-default dark-plus" style="background-color:#ffffff;--shiki-dark-bg:#0B0C0E;color:#1f2328;--shiki-dark:#D4D4D4" language="python"><code language="python" numberOfLines="131"><span class="line"><span style="color:#6E7781;--shiki-dark:#6A9955">#!/usr/bin/env python3</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178">"""Generate an interactive collapsible tree visualization of a codebase."""</span></span>¶
<span class="line"></span>¶
<span class="line"><span style="color:#CF222E;--shiki-dark:#C586C0">import</span><span style="color:#1F2328;--shiki-dark:#D4D4D4"> json</span></span>¶
<span class="line"><span style="color:#CF222E;--shiki-dark:#C586C0">import</span><span style="color:#1F2328;--shiki-dark:#D4D4D4"> sys</span></span>¶
<span class="line"><span style="color:#CF222E;--shiki-dark:#C586C0">import</span><span style="color:#1F2328;--shiki-dark:#D4D4D4"> webbrowser</span></span>¶
<span class="line"><span style="color:#CF222E;--shiki-dark:#C586C0">from</span><span style="color:#1F2328;--shiki-dark:#D4D4D4"> pathlib </span><span style="color:#CF222E;--shiki-dark:#C586C0">import</span><span style="color:#1F2328;--shiki-dark:#D4D4D4"> Path</span></span>¶
<span class="line"><span style="color:#CF222E;--shiki-dark:#C586C0">from</span><span style="color:#1F2328;--shiki-dark:#D4D4D4"> collections </span><span style="color:#CF222E;--shiki-dark:#C586C0">import</span><span style="color:#1F2328;--shiki-dark:#D4D4D4"> Counter</span></span>¶
<span class="line"></span>¶
<span class="line"><span style="color:#0550AE;--shiki-dark:#D4D4D4">IGNORE</span><span style="color:#CF222E;--shiki-dark:#D4D4D4"> =</span><span style="color:#1F2328;--shiki-dark:#D4D4D4"> {</span><span style="color:#0A3069;--shiki-dark:#CE9178">'.git'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">, </span><span style="color:#0A3069;--shiki-dark:#CE9178">'node_modules'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">, </span><span style="color:#0A3069;--shiki-dark:#CE9178">'__pycache__'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">, </span><span style="color:#0A3069;--shiki-dark:#CE9178">'.venv'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">, </span><span style="color:#0A3069;--shiki-dark:#CE9178">'venv'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">, </span><span style="color:#0A3069;--shiki-dark:#CE9178">'dist'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">, </span><span style="color:#0A3069;--shiki-dark:#CE9178">'build'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">}</span></span>¶
<span class="line"></span>¶
<span class="line"><span style="color:#CF222E;--shiki-dark:#569CD6">def</span><span style="color:#8250DF;--shiki-dark:#DCDCAA"> scan</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">(</span><span style="color:#1F2328;--shiki-dark:#9CDCFE">path</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: Path, </span><span style="color:#1F2328;--shiki-dark:#9CDCFE">stats</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0550AE;--shiki-dark:#4EC9B0">dict</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">) -> </span><span style="color:#0550AE;--shiki-dark:#4EC9B0">dict</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">:</span></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4"> result </span><span style="color:#CF222E;--shiki-dark:#D4D4D4">=</span><span style="color:#1F2328;--shiki-dark:#D4D4D4"> {</span><span style="color:#0A3069;--shiki-dark:#CE9178">"name"</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: path.name, </span><span style="color:#0A3069;--shiki-dark:#CE9178">"children"</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: [], </span><span style="color:#0A3069;--shiki-dark:#CE9178">"size"</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0550AE;--shiki-dark:#B5CEA8">0</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">}</span></span>¶
<span class="line"><span style="color:#CF222E;--shiki-dark:#C586C0"> try</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">:</span></span>¶
<span class="line"><span style="color:#CF222E;--shiki-dark:#C586C0"> for</span><span style="color:#1F2328;--shiki-dark:#D4D4D4"> item </span><span style="color:#CF222E;--shiki-dark:#C586C0">in</span><span style="color:#0550AE;--shiki-dark:#DCDCAA"> sorted</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">(path.iterdir()):</span></span>¶
<span class="line"><span style="color:#CF222E;--shiki-dark:#C586C0"> if</span><span style="color:#1F2328;--shiki-dark:#D4D4D4"> item.name </span><span style="color:#CF222E;--shiki-dark:#569CD6">in</span><span style="color:#0550AE;--shiki-dark:#D4D4D4"> IGNORE</span><span style="color:#CF222E;--shiki-dark:#569CD6"> or</span><span style="color:#1F2328;--shiki-dark:#D4D4D4"> item.name.startswith(</span><span style="color:#0A3069;--shiki-dark:#CE9178">'.'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">):</span></span>¶
<span class="line"><span style="color:#CF222E;--shiki-dark:#C586C0"> continue</span></span>¶
<span class="line"><span style="color:#CF222E;--shiki-dark:#C586C0"> if</span><span style="color:#1F2328;--shiki-dark:#D4D4D4"> item.is_file():</span></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4"> size </span><span style="color:#CF222E;--shiki-dark:#D4D4D4">=</span><span style="color:#1F2328;--shiki-dark:#D4D4D4"> item.stat().st_size</span></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4"> ext </span><span style="color:#CF222E;--shiki-dark:#D4D4D4">=</span><span style="color:#1F2328;--shiki-dark:#D4D4D4"> item.suffix.lower() </span><span style="color:#CF222E;--shiki-dark:#569CD6">or</span><span style="color:#0A3069;--shiki-dark:#CE9178"> '(no ext)'</span></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4"> result[</span><span style="color:#0A3069;--shiki-dark:#CE9178">"children"</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">].append({</span><span style="color:#0A3069;--shiki-dark:#CE9178">"name"</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: item.name, </span><span style="color:#0A3069;--shiki-dark:#CE9178">"size"</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: size, </span><span style="color:#0A3069;--shiki-dark:#CE9178">"ext"</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: ext})</span></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4"> result[</span><span style="color:#0A3069;--shiki-dark:#CE9178">"size"</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">] </span><span style="color:#CF222E;--shiki-dark:#D4D4D4">+=</span><span style="color:#1F2328;--shiki-dark:#D4D4D4"> size</span></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4"> stats[</span><span style="color:#0A3069;--shiki-dark:#CE9178">"files"</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">] </span><span style="color:#CF222E;--shiki-dark:#D4D4D4">+=</span><span style="color:#0550AE;--shiki-dark:#B5CEA8"> 1</span></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4"> stats[</span><span style="color:#0A3069;--shiki-dark:#CE9178">"extensions"</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">][ext] </span><span style="color:#CF222E;--shiki-dark:#D4D4D4">+=</span><span style="color:#0550AE;--shiki-dark:#B5CEA8"> 1</span></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4"> stats[</span><span style="color:#0A3069;--shiki-dark:#CE9178">"ext_sizes"</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">][ext] </span><span style="color:#CF222E;--shiki-dark:#D4D4D4">+=</span><span style="color:#1F2328;--shiki-dark:#D4D4D4"> size</span></span>¶
<span class="line"><span style="color:#CF222E;--shiki-dark:#C586C0"> elif</span><span style="color:#1F2328;--shiki-dark:#D4D4D4"> item.is_dir():</span></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4"> stats[</span><span style="color:#0A3069;--shiki-dark:#CE9178">"dirs"</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">] </span><span style="color:#CF222E;--shiki-dark:#D4D4D4">+=</span><span style="color:#0550AE;--shiki-dark:#B5CEA8"> 1</span></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4"> child </span><span style="color:#CF222E;--shiki-dark:#D4D4D4">=</span><span style="color:#1F2328;--shiki-dark:#D4D4D4"> scan(item, stats)</span></span>¶
<span class="line"><span style="color:#CF222E;--shiki-dark:#C586C0"> if</span><span style="color:#1F2328;--shiki-dark:#D4D4D4"> child[</span><span style="color:#0A3069;--shiki-dark:#CE9178">"children"</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">]:</span></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4"> result[</span><span style="color:#0A3069;--shiki-dark:#CE9178">"children"</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">].append(child)</span></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4"> result[</span><span style="color:#0A3069;--shiki-dark:#CE9178">"size"</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">] </span><span style="color:#CF222E;--shiki-dark:#D4D4D4">+=</span><span style="color:#1F2328;--shiki-dark:#D4D4D4"> child[</span><span style="color:#0A3069;--shiki-dark:#CE9178">"size"</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">]</span></span>¶
<span class="line"><span style="color:#CF222E;--shiki-dark:#C586C0"> except</span><span style="color:#0550AE;--shiki-dark:#4EC9B0"> PermissionError</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">:</span></span>¶
<span class="line"><span style="color:#CF222E;--shiki-dark:#C586C0"> pass</span></span>¶
<span class="line"><span style="color:#CF222E;--shiki-dark:#C586C0"> return</span><span style="color:#1F2328;--shiki-dark:#D4D4D4"> result</span></span>¶
<span class="line"></span>¶
<span class="line"><span style="color:#CF222E;--shiki-dark:#569CD6">def</span><span style="color:#8250DF;--shiki-dark:#DCDCAA"> generate_html</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">(</span><span style="color:#1F2328;--shiki-dark:#9CDCFE">data</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0550AE;--shiki-dark:#4EC9B0">dict</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">, </span><span style="color:#1F2328;--shiki-dark:#9CDCFE">stats</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0550AE;--shiki-dark:#4EC9B0">dict</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">, </span><span style="color:#1F2328;--shiki-dark:#9CDCFE">output</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: Path) -> </span><span style="color:#0550AE;--shiki-dark:#569CD6">None</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">:</span></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4"> ext_sizes </span><span style="color:#CF222E;--shiki-dark:#D4D4D4">=</span><span style="color:#1F2328;--shiki-dark:#D4D4D4"> stats[</span><span style="color:#0A3069;--shiki-dark:#CE9178">"ext_sizes"</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">]</span></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4"> total_size </span><span style="color:#CF222E;--shiki-dark:#D4D4D4">=</span><span style="color:#0550AE;--shiki-dark:#DCDCAA"> sum</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">(ext_sizes.values()) </span><span style="color:#CF222E;--shiki-dark:#569CD6">or</span><span style="color:#0550AE;--shiki-dark:#B5CEA8"> 1</span></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4"> sorted_exts </span><span style="color:#CF222E;--shiki-dark:#D4D4D4">=</span><span style="color:#0550AE;--shiki-dark:#DCDCAA"> sorted</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">(ext_sizes.items(), </span><span style="color:#953800;--shiki-dark:#9CDCFE">key</span><span style="color:#CF222E;--shiki-dark:#D4D4D4">=</span><span style="color:#CF222E;--shiki-dark:#569CD6">lambda</span><span style="color:#1F2328;--shiki-dark:#9CDCFE"> x</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#CF222E;--shiki-dark:#D4D4D4">-</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">x[</span><span style="color:#0550AE;--shiki-dark:#B5CEA8">1</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">])[:</span><span style="color:#0550AE;--shiki-dark:#B5CEA8">8</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">]</span></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4"> colors </span><span style="color:#CF222E;--shiki-dark:#D4D4D4">=</span><span style="color:#1F2328;--shiki-dark:#D4D4D4"> {</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> '.js'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">'#f7df1e'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">, </span><span style="color:#0A3069;--shiki-dark:#CE9178">'.ts'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">'#3178c6'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">, </span><span style="color:#0A3069;--shiki-dark:#CE9178">'.py'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">'#3776ab'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">, </span><span style="color:#0A3069;--shiki-dark:#CE9178">'.go'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">'#00add8'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">,</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> '.rs'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">'#dea584'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">, </span><span style="color:#0A3069;--shiki-dark:#CE9178">'.rb'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">'#cc342d'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">, </span><span style="color:#0A3069;--shiki-dark:#CE9178">'.css'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">'#264de4'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">, </span><span style="color:#0A3069;--shiki-dark:#CE9178">'.html'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">'#e34c26'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">,</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> '.json'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">'#6b7280'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">, </span><span style="color:#0A3069;--shiki-dark:#CE9178">'.md'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">'#083fa1'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">, </span><span style="color:#0A3069;--shiki-dark:#CE9178">'.yaml'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">'#cb171e'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">, </span><span style="color:#0A3069;--shiki-dark:#CE9178">'.yml'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">'#cb171e'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">,</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> '.mdx'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">'#083fa1'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">, </span><span style="color:#0A3069;--shiki-dark:#CE9178">'.tsx'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">'#3178c6'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">, </span><span style="color:#0A3069;--shiki-dark:#CE9178">'.jsx'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">'#61dafb'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">, </span><span style="color:#0A3069;--shiki-dark:#CE9178">'.sh'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0A3069;--shiki-dark:#CE9178">'#4eaa25'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">,</span></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4"> }</span></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4"> lang_bars </span><span style="color:#CF222E;--shiki-dark:#D4D4D4">=</span><span style="color:#0A3069;--shiki-dark:#CE9178"> ""</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">.join(</span></span>¶
<span class="line"><span style="color:#CF222E;--shiki-dark:#569CD6"> f</span><span style="color:#0A3069;--shiki-dark:#CE9178">'<div class="bar-row"><span class="bar-label"></span><span style="color:#CF222E;--shiki-dark:#569CD6">{</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">ext</span><span style="color:#CF222E;--shiki-dark:#569CD6">}</span><span style="color:#0A3069;--shiki-dark:#CE9178"></span>'</span></span>¶
<span class="line"><span style="color:#CF222E;--shiki-dark:#569CD6"> f</span><span style="color:#0A3069;--shiki-dark:#CE9178">'<div class="bar" style="width:</span><span style="color:#CF222E;--shiki-dark:#569CD6">{</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">(size</span><span style="color:#CF222E;--shiki-dark:#D4D4D4">/</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">total_size)</span><span style="color:#CF222E;--shiki-dark:#D4D4D4">*</span><span style="color:#0550AE;--shiki-dark:#B5CEA8">100</span><span style="color:#CF222E;--shiki-dark:#569CD6">}</span><span style="color:#0A3069;--shiki-dark:#CE9178">%;background:</span><span style="color:#CF222E;--shiki-dark:#569CD6">{</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">colors.get(ext,</span><span style="color:#0A3069;--shiki-dark:#CE9178">"#6b7280"</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">)</span><span style="color:#CF222E;--shiki-dark:#569CD6">}</span><span style="color:#0A3069;--shiki-dark:#CE9178">"></div>'</span></span>¶
<span class="line"><span style="color:#CF222E;--shiki-dark:#569CD6"> f</span><span style="color:#0A3069;--shiki-dark:#CE9178">'<span class="bar-pct"></span><span style="color:#CF222E;--shiki-dark:#569CD6">{</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">(size</span><span style="color:#CF222E;--shiki-dark:#D4D4D4">/</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">total_size)</span><span style="color:#CF222E;--shiki-dark:#D4D4D4">*</span><span style="color:#0550AE;--shiki-dark:#B5CEA8">100</span><span style="color:#CF222E;--shiki-dark:#569CD6">:.1f}</span><span style="color:#0A3069;--shiki-dark:#CE9178">%</span></div>'</span></span>¶
<span class="line"><span style="color:#CF222E;--shiki-dark:#C586C0"> for</span><span style="color:#1F2328;--shiki-dark:#D4D4D4"> ext, size </span><span style="color:#CF222E;--shiki-dark:#C586C0">in</span><span style="color:#1F2328;--shiki-dark:#D4D4D4"> sorted_exts</span></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4"> )</span></span>¶
<span class="line"><span style="color:#CF222E;--shiki-dark:#569CD6"> def</span><span style="color:#8250DF;--shiki-dark:#DCDCAA"> fmt</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">(</span><span style="color:#1F2328;--shiki-dark:#9CDCFE">b</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">):</span></span>¶
<span class="line"><span style="color:#CF222E;--shiki-dark:#C586C0"> if</span><span style="color:#1F2328;--shiki-dark:#D4D4D4"> b </span><span style="color:#CF222E;--shiki-dark:#D4D4D4"><</span><span style="color:#0550AE;--shiki-dark:#B5CEA8"> 1024</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#CF222E;--shiki-dark:#C586C0">return</span><span style="color:#CF222E;--shiki-dark:#569CD6"> f</span><span style="color:#0A3069;--shiki-dark:#CE9178">"</span><span style="color:#CF222E;--shiki-dark:#569CD6">{</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">b</span><span style="color:#CF222E;--shiki-dark:#569CD6">}</span><span style="color:#0A3069;--shiki-dark:#CE9178"> B"</span></span>¶
<span class="line"><span style="color:#CF222E;--shiki-dark:#C586C0"> if</span><span style="color:#1F2328;--shiki-dark:#D4D4D4"> b </span><span style="color:#CF222E;--shiki-dark:#D4D4D4"><</span><span style="color:#0550AE;--shiki-dark:#B5CEA8"> 1048576</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#CF222E;--shiki-dark:#C586C0">return</span><span style="color:#CF222E;--shiki-dark:#569CD6"> f</span><span style="color:#0A3069;--shiki-dark:#CE9178">"</span><span style="color:#CF222E;--shiki-dark:#569CD6">{</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">b</span><span style="color:#CF222E;--shiki-dark:#D4D4D4">/</span><span style="color:#0550AE;--shiki-dark:#B5CEA8">1024</span><span style="color:#CF222E;--shiki-dark:#569CD6">:.1f}</span><span style="color:#0A3069;--shiki-dark:#CE9178"> KB"</span></span>¶
<span class="line"><span style="color:#CF222E;--shiki-dark:#C586C0"> return</span><span style="color:#CF222E;--shiki-dark:#569CD6"> f</span><span style="color:#0A3069;--shiki-dark:#CE9178">"</span><span style="color:#CF222E;--shiki-dark:#569CD6">{</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">b</span><span style="color:#CF222E;--shiki-dark:#D4D4D4">/</span><span style="color:#0550AE;--shiki-dark:#B5CEA8">1048576</span><span style="color:#CF222E;--shiki-dark:#569CD6">:.1f}</span><span style="color:#0A3069;--shiki-dark:#CE9178"> MB"</span></span>¶
<span class="line"></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4"> html </span><span style="color:#CF222E;--shiki-dark:#D4D4D4">=</span><span style="color:#CF222E;--shiki-dark:#569CD6"> f</span><span style="color:#0A3069;--shiki-dark:#CE9178">'''<!DOCTYPE html></span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"><html><head></span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> <meta charset="utf-8"><title>Codebase Explorer</title></span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> <style></span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> body </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">{{</span><span style="color:#0A3069;--shiki-dark:#CE9178"> font: 14px/1.5 system-ui, sans-serif; margin: 0; background: #1a1a2e; color: #eee; </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">}}</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> .container </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">{{</span><span style="color:#0A3069;--shiki-dark:#CE9178"> display: flex; height: 100vh; </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">}}</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> .sidebar </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">{{</span><span style="color:#0A3069;--shiki-dark:#CE9178"> width: 280px; background: #252542; padding: 20px; border-right: 1px solid #3d3d5c; overflow-y: auto; flex-shrink: 0; </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">}}</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> .main </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">{{</span><span style="color:#0A3069;--shiki-dark:#CE9178"> flex: 1; padding: 20px; overflow-y: auto; </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">}}</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> h1 </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">{{</span><span style="color:#0A3069;--shiki-dark:#CE9178"> margin: 0 0 10px 0; font-size: 18px; </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">}}</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> h2 </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">{{</span><span style="color:#0A3069;--shiki-dark:#CE9178"> margin: 20px 0 10px 0; font-size: 14px; color: #888; text-transform: uppercase; </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">}}</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> .stat </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">{{</span><span style="color:#0A3069;--shiki-dark:#CE9178"> display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #3d3d5c; </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">}}</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> .stat-value </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">{{</span><span style="color:#0A3069;--shiki-dark:#CE9178"> font-weight: bold; </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">}}</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> .bar-row </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">{{</span><span style="color:#0A3069;--shiki-dark:#CE9178"> display: flex; align-items: center; margin: 6px 0; </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">}}</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> .bar-label </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">{{</span><span style="color:#0A3069;--shiki-dark:#CE9178"> width: 55px; font-size: 12px; color: #aaa; </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">}}</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> .bar </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">{{</span><span style="color:#0A3069;--shiki-dark:#CE9178"> height: 18px; border-radius: 3px; </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">}}</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> .bar-pct </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">{{</span><span style="color:#0A3069;--shiki-dark:#CE9178"> margin-left: 8px; font-size: 12px; color: #666; </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">}}</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> .tree </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">{{</span><span style="color:#0A3069;--shiki-dark:#CE9178"> list-style: none; padding-left: 20px; </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">}}</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> details </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">{{</span><span style="color:#0A3069;--shiki-dark:#CE9178"> cursor: pointer; </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">}}</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> summary </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">{{</span><span style="color:#0A3069;--shiki-dark:#CE9178"> padding: 4px 8px; border-radius: 4px; </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">}}</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> summary:hover </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">{{</span><span style="color:#0A3069;--shiki-dark:#CE9178"> background: #2d2d44; </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">}}</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> .folder </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">{{</span><span style="color:#0A3069;--shiki-dark:#CE9178"> color: #ffd700; </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">}}</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> .file </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">{{</span><span style="color:#0A3069;--shiki-dark:#CE9178"> display: flex; align-items: center; padding: 4px 8px; border-radius: 4px; </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">}}</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> .file:hover </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">{{</span><span style="color:#0A3069;--shiki-dark:#CE9178"> background: #2d2d44; </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">}}</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> .size </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">{{</span><span style="color:#0A3069;--shiki-dark:#CE9178"> color: #888; margin-left: auto; font-size: 12px; </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">}}</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> .dot </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">{{</span><span style="color:#0A3069;--shiki-dark:#CE9178"> width: 8px; height: 8px; border-radius: 50%; margin-right: 8px; </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">}}</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> </style></span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"></head><body></span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> <div class="container"></span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> <div class="sidebar"></span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> <h1>📊 Summary</h1></span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> <div class="stat"><span>Files</span><span class="stat-value"></span><span style="color:#CF222E;--shiki-dark:#569CD6">{</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">stats[</span><span style="color:#0A3069;--shiki-dark:#CE9178">"files"</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">]</span><span style="color:#CF222E;--shiki-dark:#569CD6">:,}</span><span style="color:#0A3069;--shiki-dark:#CE9178"></span></div></span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> <div class="stat"><span>Directories</span><span class="stat-value"></span><span style="color:#CF222E;--shiki-dark:#569CD6">{</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">stats[</span><span style="color:#0A3069;--shiki-dark:#CE9178">"dirs"</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">]</span><span style="color:#CF222E;--shiki-dark:#569CD6">:,}</span><span style="color:#0A3069;--shiki-dark:#CE9178"></span></div></span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> <div class="stat"><span>Total size</span><span class="stat-value"></span><span style="color:#CF222E;--shiki-dark:#569CD6">{</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">fmt(data[</span><span style="color:#0A3069;--shiki-dark:#CE9178">"size"</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">])</span><span style="color:#CF222E;--shiki-dark:#569CD6">}</span><span style="color:#0A3069;--shiki-dark:#CE9178"></span></div></span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> <div class="stat"><span>File types</span><span class="stat-value"></span><span style="color:#CF222E;--shiki-dark:#569CD6">{</span><span style="color:#0550AE;--shiki-dark:#DCDCAA">len</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">(stats[</span><span style="color:#0A3069;--shiki-dark:#CE9178">"extensions"</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">])</span><span style="color:#CF222E;--shiki-dark:#569CD6">}</span><span style="color:#0A3069;--shiki-dark:#CE9178"></span></div></span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> <h2>By file type</h2></span></span>¶
<span class="line"><span style="color:#CF222E;--shiki-dark:#569CD6"> {</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">lang_bars</span><span style="color:#CF222E;--shiki-dark:#569CD6">}</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> </div></span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> <div class="main"></span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> <h1>📁 </span><span style="color:#CF222E;--shiki-dark:#569CD6">{</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">data[</span><span style="color:#0A3069;--shiki-dark:#CE9178">"name"</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">]</span><span style="color:#CF222E;--shiki-dark:#569CD6">}</span><span style="color:#0A3069;--shiki-dark:#CE9178"></h1></span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> <ul class="tree" id="root"></ul></span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> </div></span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> </div></span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> <script></span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> const data = </span><span style="color:#CF222E;--shiki-dark:#569CD6">{</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">json.dumps(data)</span><span style="color:#CF222E;--shiki-dark:#569CD6">}</span><span style="color:#0A3069;--shiki-dark:#CE9178">;</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> const colors = </span><span style="color:#CF222E;--shiki-dark:#569CD6">{</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">json.dumps(colors)</span><span style="color:#CF222E;--shiki-dark:#569CD6">}</span><span style="color:#0A3069;--shiki-dark:#CE9178">;</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> function fmt(b) </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">{{</span><span style="color:#0A3069;--shiki-dark:#CE9178"> if (b < 1024) return b + ' B'; if (b < 1048576) return (b/1024).toFixed(1) + ' KB'; return (b/1048576).toFixed(1) + ' MB'; </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">}}</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> function render(node, parent) </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">{{</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> if (node.children) </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">{{</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> const det = document.createElement('details');</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> det.open = parent === document.getElementById('root');</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> det.innerHTML = `<summary><span class="folder">📁 $</span><span style="color:#CF222E;--shiki-dark:#D7BA7D">{{</span><span style="color:#0A3069;--shiki-dark:#CE9178">node.name</span><span style="color:#CF222E;--shiki-dark:#D7BA7D">}}</span><span style="color:#0A3069;--shiki-dark:#CE9178"></span><span class="size">$</span><span style="color:#CF222E;--shiki-dark:#D7BA7D">{{</span><span style="color:#0A3069;--shiki-dark:#CE9178">fmt(node.size)</span><span style="color:#CF222E;--shiki-dark:#D7BA7D">}}</span><span style="color:#0A3069;--shiki-dark:#CE9178"></span></summary>`;</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> const ul = document.createElement('ul'); ul.className = 'tree';</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> node.children.sort((a,b) => (b.children?1:0)-(a.children?1:0) || a.name.localeCompare(b.name));</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> node.children.forEach(c => render(c, ul));</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> det.appendChild(ul);</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> const li = document.createElement('li'); li.appendChild(det); parent.appendChild(li);</span></span>¶
<span class="line"><span style="color:#CF222E;--shiki-dark:#D7BA7D"> }}</span><span style="color:#0A3069;--shiki-dark:#CE9178"> else </span><span style="color:#CF222E;--shiki-dark:#D7BA7D">{{</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> const li = document.createElement('li'); li.className = 'file';</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> li.innerHTML = `<span class="dot" style="background:$</span><span style="color:#CF222E;--shiki-dark:#D7BA7D">{{</span><span style="color:#0A3069;--shiki-dark:#CE9178">colors[node.ext]||'#6b7280'</span><span style="color:#CF222E;--shiki-dark:#D7BA7D">}}</span><span style="color:#0A3069;--shiki-dark:#CE9178">"></span>$</span><span style="color:#CF222E;--shiki-dark:#D7BA7D">{{</span><span style="color:#0A3069;--shiki-dark:#CE9178">node.name</span><span style="color:#CF222E;--shiki-dark:#D7BA7D">}}</span><span style="color:#0A3069;--shiki-dark:#CE9178"><span class="size">$</span><span style="color:#CF222E;--shiki-dark:#D7BA7D">{{</span><span style="color:#0A3069;--shiki-dark:#CE9178">fmt(node.size)</span><span style="color:#CF222E;--shiki-dark:#D7BA7D">}}</span><span style="color:#0A3069;--shiki-dark:#CE9178"></span>`;</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> parent.appendChild(li);</span></span>¶
<span class="line"><span style="color:#CF222E;--shiki-dark:#D7BA7D"> }}</span></span>¶
<span class="line"><span style="color:#CF222E;--shiki-dark:#D7BA7D"> }}</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> data.children.forEach(c => render(c, document.getElementById('root')));</span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"> </script></span></span>¶
<span class="line"><span style="color:#0A3069;--shiki-dark:#CE9178"></body></html>'''</span></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4"> output.write_text(html)</span></span>¶
<span class="line"></span>¶
<span class="line"><span style="color:#CF222E;--shiki-dark:#C586C0">if</span><span style="color:#0550AE;--shiki-dark:#9CDCFE"> __name__</span><span style="color:#CF222E;--shiki-dark:#D4D4D4"> ==</span><span style="color:#0A3069;--shiki-dark:#CE9178"> '__main__'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">:</span></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4"> target </span><span style="color:#CF222E;--shiki-dark:#D4D4D4">=</span><span style="color:#1F2328;--shiki-dark:#D4D4D4"> Path(sys.argv[</span><span style="color:#0550AE;--shiki-dark:#B5CEA8">1</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">] </span><span style="color:#CF222E;--shiki-dark:#C586C0">if</span><span style="color:#0550AE;--shiki-dark:#DCDCAA"> len</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">(sys.argv) </span><span style="color:#CF222E;--shiki-dark:#D4D4D4">></span><span style="color:#0550AE;--shiki-dark:#B5CEA8"> 1</span><span style="color:#CF222E;--shiki-dark:#C586C0"> else</span><span style="color:#0A3069;--shiki-dark:#CE9178"> '.'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">).resolve()</span></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4"> stats </span><span style="color:#CF222E;--shiki-dark:#D4D4D4">=</span><span style="color:#1F2328;--shiki-dark:#D4D4D4"> {</span><span style="color:#0A3069;--shiki-dark:#CE9178">"files"</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0550AE;--shiki-dark:#B5CEA8">0</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">, </span><span style="color:#0A3069;--shiki-dark:#CE9178">"dirs"</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: </span><span style="color:#0550AE;--shiki-dark:#B5CEA8">0</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">, </span><span style="color:#0A3069;--shiki-dark:#CE9178">"extensions"</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: Counter(), </span><span style="color:#0A3069;--shiki-dark:#CE9178">"ext_sizes"</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">: Counter()}</span></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4"> data </span><span style="color:#CF222E;--shiki-dark:#D4D4D4">=</span><span style="color:#1F2328;--shiki-dark:#D4D4D4"> scan(target, stats)</span></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4"> out </span><span style="color:#CF222E;--shiki-dark:#D4D4D4">=</span><span style="color:#1F2328;--shiki-dark:#D4D4D4"> Path(</span><span style="color:#0A3069;--shiki-dark:#CE9178">'codebase-map.html'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">)</span></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4"> generate_html(data, stats, out)</span></span>¶
<span class="line"><span style="color:#0550AE;--shiki-dark:#DCDCAA"> print</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">(</span><span style="color:#CF222E;--shiki-dark:#569CD6">f</span><span style="color:#0A3069;--shiki-dark:#CE9178">'Generated </span><span style="color:#CF222E;--shiki-dark:#569CD6">{</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">out.absolute()</span><span style="color:#CF222E;--shiki-dark:#569CD6">}</span><span style="color:#0A3069;--shiki-dark:#CE9178">'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">)</span></span>¶
<span class="line"><span style="color:#1F2328;--shiki-dark:#D4D4D4"> webbrowser.open(</span><span style="color:#CF222E;--shiki-dark:#569CD6">f</span><span style="color:#0A3069;--shiki-dark:#CE9178">'file://</span><span style="color:#CF222E;--shiki-dark:#569CD6">{</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">out.absolute()</span><span style="color:#CF222E;--shiki-dark:#569CD6">}</span><span style="color:#0A3069;--shiki-dark:#CE9178">'</span><span style="color:#1F2328;--shiki-dark:#D4D4D4">)</span></span>¶
</code></pre></div></div><div data-component-part="code-block-footer" class="px-3 py-1 flex items-center text-xs font-medium text-gray-500 dark:text-gray-400 hover:text-gray-600 dark:hover:text-gray-300"><button data-component-part="code-block-footer-button" class="flex-1 gap-1.5 flex items-center py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ellipsis h-3.5 w-3.5 shrink-0 text-gray-500 dark:text-gray-400"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg>See all 131 lines</button></div></div>¶
<span data-as="p">To test, open Claude Code in any project and ask “Visualize this codebase.” Claude runs the script, generates <code>codebase-map.html</code>, and opens it in your browser.</span>¶
<span data-as="p">This pattern works for any visual output: dependency graphs, test coverage reports, API documentation, or database schema visualizations. The bundled script does the heavy lifting while Claude handles orchestration.</span>¶
<h2 class="flex whitespace-pre-wrap group font-semibold" id="troubleshooting"><div class="absolute" tabindex="-1"><a href="#troubleshooting" class="-ml-10 flex items-center opacity-0 border-0 group-hover:opacity-100 focus:opacity-100 focus:outline-0 group/link" aria-label="Navigate to header"><div class="w-6 h-6 rounded-md flex items-center justify-center shadow-sm text-gray-400 dark:text-white/50 dark:bg-background-dark dark:brightness-[1.35] dark:ring-1 dark:hover:brightness-150 bg-white ring-1 ring-gray-400/30 dark:ring-gray-700/25 hover:ring-gray-400/60 dark:hover:ring-white/20 group-focus/link:border-2 group-focus/link:border-primary dark:group-focus/link:border-primary-light"><svg xmlns="http://www.w3.org/2000/svg" fill="gray" height="12px" viewBox="0 0 576 512"><path d="M0 256C0 167.6 71.6 96 160 96h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C98.1 144 48 194.1 48 256s50.1 112 112 112h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C71.6 416 0 344.4 0 256zm576 0c0 88.4-71.6 160-160 160H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c61.9 0 112-50.1 112-112s-50.1-112-112-112H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c88.4 0 160 71.6 160 160zM184 232H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-13.3 0-24-10.7-24-24s10.7-24 24-24z"></path></svg></div></a></div><span class="cursor-pointer">Troubleshooting</span></h2>¶
<h3 class="flex whitespace-pre-wrap group font-semibold" id="skill-not-triggering"><div class="absolute" tabindex="-1"><a href="#skill-not-triggering" class="-ml-10 flex items-center opacity-0 border-0 group-hover:opacity-100 focus:opacity-100 focus:outline-0 group/link" aria-label="Navigate to header"><div class="w-6 h-6 rounded-md flex items-center justify-center shadow-sm text-gray-400 dark:text-white/50 dark:bg-background-dark dark:brightness-[1.35] dark:ring-1 dark:hover:brightness-150 bg-white ring-1 ring-gray-400/30 dark:ring-gray-700/25 hover:ring-gray-400/60 dark:hover:ring-white/20 group-focus/link:border-2 group-focus/link:border-primary dark:group-focus/link:border-primary-light"><svg xmlns="http://www.w3.org/2000/svg" fill="gray" height="12px" viewBox="0 0 576 512"><path d="M0 256C0 167.6 71.6 96 160 96h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C98.1 144 48 194.1 48 256s50.1 112 112 112h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C71.6 416 0 344.4 0 256zm576 0c0 88.4-71.6 160-160 160H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c61.9 0 112-50.1 112-112s-50.1-112-112-112H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c88.4 0 160 71.6 160 160zM184 232H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-13.3 0-24-10.7-24-24s10.7-24 24-24z"></path></svg></div></a></div><span class="cursor-pointer">Skill not triggering</span></h3>¶
<span data-as="p">If Claude doesn’t use your skill when expected:</span>¶
<ol>¶
<li>Check the description includes keywords users would naturally say</li>¶
<li>Verify the skill appears in <code>What skills are available?</code></li>¶
<li>Try rephrasing your request to match the description more closely</li>¶
<li>Invoke it directly with <code>/skill-name</code> if the skill is user-invocable</li>¶
</ol>¶
<h3 class="flex whitespace-pre-wrap group font-semibold" id="skill-triggers-too-often"><div class="absolute" tabindex="-1"><a href="#skill-triggers-too-often" class="-ml-10 flex items-center opacity-0 border-0 group-hover:opacity-100 focus:opacity-100 focus:outline-0 group/link" aria-label="Navigate to header"><div class="w-6 h-6 rounded-md flex items-center justify-center shadow-sm text-gray-400 dark:text-white/50 dark:bg-background-dark dark:brightness-[1.35] dark:ring-1 dark:hover:brightness-150 bg-white ring-1 ring-gray-400/30 dark:ring-gray-700/25 hover:ring-gray-400/60 dark:hover:ring-white/20 group-focus/link:border-2 group-focus/link:border-primary dark:group-focus/link:border-primary-light"><svg xmlns="http://www.w3.org/2000/svg" fill="gray" height="12px" viewBox="0 0 576 512"><path d="M0 256C0 167.6 71.6 96 160 96h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C98.1 144 48 194.1 48 256s50.1 112 112 112h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C71.6 416 0 344.4 0 256zm576 0c0 88.4-71.6 160-160 160H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c61.9 0 112-50.1 112-112s-50.1-112-112-112H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c88.4 0 160 71.6 160 160zM184 232H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-13.3 0-24-10.7-24-24s10.7-24 24-24z"></path></svg></div></a></div><span class="cursor-pointer">Skill triggers too often</span></h3>¶
<span data-as="p">If Claude uses your skill when you don’t want it:</span>¶
<ol>¶
<li>Make the description more specific</li>¶
<li>Add <code>disable-model-invocation: true</code> if you only want manual invocation</li>¶
</ol>¶
<h3 class="flex whitespace-pre-wrap group font-semibold" id="claude-doesn’t-see-all-my-skills"><div class="absolute" tabindex="-1"><a href="#claude-doesn’t-see-all-my-skills" class="-ml-10 flex items-center opacity-0 border-0 group-hover:opacity-100 focus:opacity-100 focus:outline-0 group/link" aria-label="Navigate to header"><div class="w-6 h-6 rounded-md flex items-center justify-center shadow-sm text-gray-400 dark:text-white/50 dark:bg-background-dark dark:brightness-[1.35] dark:ring-1 dark:hover:brightness-150 bg-white ring-1 ring-gray-400/30 dark:ring-gray-700/25 hover:ring-gray-400/60 dark:hover:ring-white/20 group-focus/link:border-2 group-focus/link:border-primary dark:group-focus/link:border-primary-light"><svg xmlns="http://www.w3.org/2000/svg" fill="gray" height="12px" viewBox="0 0 576 512"><path d="M0 256C0 167.6 71.6 96 160 96h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C98.1 144 48 194.1 48 256s50.1 112 112 112h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C71.6 416 0 344.4 0 256zm576 0c0 88.4-71.6 160-160 160H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c61.9 0 112-50.1 112-112s-50.1-112-112-112H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c88.4 0 160 71.6 160 160zM184 232H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-13.3 0-24-10.7-24-24s10.7-24 24-24z"></path></svg></div></a></div><span class="cursor-pointer">Claude doesn’t see all my skills</span></h3>¶
<span data-as="p">Skill descriptions are loaded into context so Claude knows what’s available. If you have many skills, they may exceed the character budget. The budget scales dynamically at 2% of the context window, with a fallback of 16,000 characters. Run <code>/context</code> to check for a warning about excluded skills.</span>¶
<span data-as="p">To override the limit, set the <code>SLASH_COMMAND_TOOL_CHAR_BUDGET</code> environment variable.</span>¶
<h2 class="flex whitespace-pre-wrap group font-semibold" id="related-resources"><div class="absolute" tabindex="-1"><a href="#related-resources" class="-ml-10 flex items-center opacity-0 border-0 group-hover:opacity-100 focus:opacity-100 focus:outline-0 group/link" aria-label="Navigate to header"><div class="w-6 h-6 rounded-md flex items-center justify-center shadow-sm text-gray-400 dark:text-white/50 dark:bg-background-dark dark:brightness-[1.35] dark:ring-1 dark:hover:brightness-150 bg-white ring-1 ring-gray-400/30 dark:ring-gray-700/25 hover:ring-gray-400/60 dark:hover:ring-white/20 group-focus/link:border-2 group-focus/link:border-primary dark:group-focus/link:border-primary-light"><svg xmlns="http://www.w3.org/2000/svg" fill="gray" height="12px" viewBox="0 0 576 512"><path d="M0 256C0 167.6 71.6 96 160 96h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C98.1 144 48 194.1 48 256s50.1 112 112 112h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C71.6 416 0 344.4 0 256zm576 0c0 88.4-71.6 160-160 160H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c61.9 0 112-50.1 112-112s-50.1-112-112-112H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c88.4 0 160 71.6 160 160zM184 232H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-13.3 0-24-10.7-24-24s10.7-24 24-24z"></path></svg></div></a></div><span class="cursor-pointer">Related resources</span></h2>¶
<ul>¶
<li><strong><a class="link" href="/docs/en/sub-agents">Subagents</a></strong>: delegate tasks to specialized agents</li>¶
<li><strong><a class="link" href="/docs/en/plugins">Plugins</a></strong>: package and distribute skills with other extensions</li>¶
<li><strong><a class="link" href="/docs/en/hooks">Hooks</a></strong>: automate workflows around tool events</li>¶
<li><strong><a class="link" href="/docs/en/memory">Memory</a></strong>: manage CLAUDE.md files for persistent context</li>¶
<li><strong><a class="link" href="/docs/en/interactive-mode#built-in-commands">Interactive mode</a></strong>: built-in commands and shortcuts</li>¶
<li><strong><a class="link" href="/docs/en/permissions">Permissions</a></strong>: control tool and skill access</li>¶
</ul></div><div class="feedback-toolbar pb-16 w-full flex flex-col gap-y-8"><div class="flex flex-row flex-wrap gap-4 items-center justify-between"><p class="inline-block text-sm text-gray-600 dark:text-gray-400 whitespace-nowrap">Was this page helpful?</p><div class="flex flex-wrap flex-grow gap-3 items-center justify-end"><div class="flex gap-3 items-center"><button id="feedback-thumbs-up" class="px-3.5 py-2 flex flex-row gap-3 items-center border-standard rounded-xl text-gray-600 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 bg-white/50 dark:bg-codeblock/50 hover:border-gray-500 hover:dark:border-gray-500"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="fill-current"><path d="M10.1187 1.08741C8.925 0.746789 7.67813 1.43741 7.3375 2.63116L7.15938 3.25616C7.04375 3.66241 6.83438 4.03741 6.55 4.34991L4.94688 6.11241C4.66875 6.41866 4.69062 6.89366 4.99687 7.17179C5.30312 7.44991 5.77813 7.42804 6.05625 7.12179L7.65938 5.35929C8.1 4.87491 8.42188 4.29679 8.6 3.66866L8.77812 3.04366C8.89062 2.64679 9.30625 2.41554 9.70625 2.52804C10.1063 2.64054 10.3344 3.05616 10.2219 3.45616L10.0437 4.08116C9.86562 4.70304 9.58437 5.29054 9.2125 5.81554C9.05 6.04366 9.03125 6.34366 9.15938 6.59366C9.2875 6.84366 9.54375 6.99991 9.825 6.99991H14C14.275 6.99991 14.5 7.22491 14.5 7.49991C14.5 7.71241 14.3656 7.89679 14.175 7.96866C13.9438 8.05616 13.7688 8.24992 13.7094 8.49054C13.65 8.73117 13.7125 8.98429 13.875 9.16866C13.9531 9.25616 14 9.37179 14 9.49991C14 9.74366 13.825 9.94679 13.5938 9.99054C13.3375 10.0405 13.1219 10.2187 13.0312 10.4624C12.9406 10.7062 12.9813 10.9843 13.1438 11.1905C13.2094 11.2749 13.25 11.3812 13.25 11.4999C13.25 11.7093 13.1187 11.8937 12.9312 11.9655C12.5719 12.1062 12.3781 12.4937 12.4812 12.8655C12.4937 12.9062 12.5 12.953 12.5 12.9999C12.5 13.2749 12.275 13.4999 12 13.4999H8.95312C8.55937 13.4999 8.17188 13.3843 7.84375 13.1655L5.91563 11.8812C5.57188 11.6499 5.10625 11.7437 4.875 12.0905C4.64375 12.4374 4.7375 12.8999 5.08437 13.1312L7.0125 14.4155C7.5875 14.7999 8.2625 15.003 8.95312 15.003H12C13.0844 15.003 13.9656 14.1405 14 13.0655C14.4563 12.6999 14.75 12.1374 14.75 11.503C14.75 11.3624 14.7344 11.228 14.7094 11.0968C15.1906 10.7312 15.5 10.153 15.5 9.50304C15.5 9.29991 15.4688 9.10304 15.4125 8.91866C15.775 8.55304 16 8.05304 16 7.49991C16 6.39679 15.1063 5.49991 14 5.49991H11.1156C11.2625 5.17491 11.3875 4.83741 11.4844 4.49366L11.6625 3.86866C12.0031 2.67491 11.3125 1.42804 10.1187 1.08741ZM1 5.99991C0.446875 5.99991 0 6.44679 0 6.99991V13.9999C0 14.553 0.446875 14.9999 1 14.9999H3C3.55313 14.9999 4 14.553 4 13.9999V6.99991C4 6.44679 3.55313 5.99991 3 5.99991H1Z"></path></svg><small class="text-sm font-normal leading-4">Yes</small></button><button id="feedback-thumbs-down" class="px-3.5 py-2 flex flex-row gap-3 items-center border-standard rounded-xl text-gray-600 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 bg-white/50 dark:bg-codeblock/50 hover:border-gray-500 hover:dark:border-gray-500"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="fill-current"><path d="M10.1187 14.9124C8.925 15.253 7.67813 14.5624 7.3375 13.3687L7.15938 12.7437C7.04375 12.3374 6.83438 11.9624 6.55 11.6499L4.94688 9.8874C4.66875 9.58115 4.69062 9.10615 4.99687 8.82803C5.30312 8.5499 5.77813 8.57178 6.05625 8.87803L7.65938 10.6405C8.1 11.1249 8.42188 11.703 8.6 12.3312L8.77812 12.9562C8.89062 13.353 9.30625 13.5843 9.70625 13.4718C10.1063 13.3593 10.3344 12.9437 10.2219 12.5437L10.0437 11.9187C9.86562 11.2968 9.58437 10.7093 9.2125 10.1843C9.05 9.95615 9.03125 9.65615 9.15938 9.40615C9.2875 9.15615 9.54375 8.9999 9.825 8.9999H14C14.275 8.9999 14.5 8.7749 14.5 8.4999C14.5 8.2874 14.3656 8.10303 14.175 8.03115C13.9438 7.94365 13.7688 7.7499 13.7094 7.50928C13.65 7.26865 13.7125 7.01553 13.875 6.83115C13.9531 6.74365 14 6.62803 14 6.4999C14 6.25615 13.825 6.05303 13.5938 6.00928C13.3375 5.95928 13.1219 5.78115 13.0312 5.53428C12.9406 5.2874 12.9813 5.0124 13.1438 4.80615C13.2094 4.72178 13.25 4.61553 13.25 4.49678C13.25 4.2874 13.1187 4.10303 12.9312 4.03115C12.5719 3.89053 12.3781 3.50303 12.4812 3.13115C12.4937 3.09053 12.5 3.04365 12.5 2.99678C12.5 2.72178 12.275 2.49678 12 2.49678H8.95312C8.55937 2.49678 8.17188 2.6124 7.84375 2.83115L5.91563 4.11553C5.57188 4.34678 5.10625 4.25303 4.875 3.90615C4.64375 3.55928 4.7375 3.09678 5.08437 2.86553L7.0125 1.58115C7.5875 1.19678 8.2625 0.993652 8.95312 0.993652H12C13.0844 0.993652 13.9656 1.85615 14 2.93115C14.4563 3.29678 14.75 3.85928 14.75 4.49365C14.75 4.63428 14.7344 4.76865 14.7094 4.8999C15.1906 5.26553 15.5 5.84365 15.5 6.49365C15.5 6.69678 15.4688 6.89365 15.4125 7.07803C15.775 7.44678 16 7.94678 16 8.4999C16 9.60303 15.1063 10.4999 14 10.4999H11.1156C11.2625 10.8249 11.3875 11.1624 11.4844 11.5062L11.6625 12.1312C12.0031 13.3249 11.3125 14.5718 10.1187 14.9124ZM1 11.9999C0.446875 11.9999 0 11.553 0 10.9999V3.9999C0 3.44678 0.446875 2.9999 1 2.9999H3C3.55313 2.9999 4 3.44678 4 3.9999V10.9999C4 11.553 3.55313 11.9999 3 11.9999H1Z"></path></svg><small class="text-sm font-normal leading-4">No</small></button></div><div class="flex gap-3"></div></div></div></div><div id="pagination" class="px-0.5 flex items-center text-sm font-semibold text-gray-700 dark:text-gray-200"><a class="flex items-center space-x-3 group" href="/docs/en/discover-plugins"><svg viewBox="0 0 3 6" class="h-1.5 stroke-gray-400 overflow-visible group-hover:stroke-gray-600 dark:group-hover:stroke-gray-300"><path d="M3 0L0 3L3 6" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="group-hover:text-gray-900 dark:group-hover:text-white">Discover and install prebuilt plugins</span></a><a class="flex items-center ml-auto space-x-3 group" href="/docs/en/output-styles"><span class="group-hover:text-gray-900 dark:group-hover:text-white">Output styles</span><svg viewBox="0 0 3 6" class="rotate-180 h-1.5 stroke-gray-400 overflow-visible group-hover:stroke-gray-600 dark:group-hover:stroke-gray-300"><path d="M3 0L0 3L3 6" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="left-0 right-0 sticky sm:px-4 pb-4 sm:pb-6 bottom-0 pt-1 flex flex-col items-center w-full overflow-hidden z-20 pointer-events-none print:hidden"><div class="chat-assistant-floating-input z-10 w-full sm:w-96 focus-within:w-full group/assistant-bar sm:focus-within:w-[30rem] hover:scale-100 sm:hover:scale-105 focus-within:hover:scale-100 [transition:width_400ms,left_200ms,transform_500ms,opacity_200ms]"><div class="translate-y-[100px] opacity-0"><div class="flex flex-col w-full rounded-2xl pointer-events-auto bg-background-light/90 dark:bg-background-dark/90 backdrop-blur-xl border border-gray-200 dark:border-white/30 focus-within:border-primary dark:focus-within:border-primary-light transition-colors sm:shadow-xl"><div class="relative flex items-end"><textarea id="chat-assistant-textarea" aria-label="Ask a question..." autoComplete="off" placeholder="Ask a question..." class="chat-assistant-input w-full bg-transparent border-0 peer/input text-gray-900 dark:text-gray-100 placeholder-gray-500 dark:placeholder-gray-400 !outline-none focus:!outline-none focus:ring-0 py-2.5 pl-3.5 pr-10 font-bodyWeight text-sm" style="resize:none"></textarea><span class="absolute right-11 bottom-3 text-xs font-medium text-gray-400 dark:text-gray-500 select-none pointer-events-none peer-focus/input:hidden hidden sm:inline">⌘<!-- -->I</span><button class="chat-assistant-send-button flex justify-center items-center rounded-full p-1 size-6 bg-primary/30 dark:bg-primary-dark/30 absolute right-2.5 bottom-2" aria-label="Send message" disabled=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up text-white dark:text-white size-3.5"><path d="m5 12 7-7 7 7"></path><path d="M12 19V5"></path></svg></button></div></div></div></div></div></div></div><!--$--><!--/$--></div></div><footer id="footer" class="advanced-footer flex flex-col items-center mx-auto border-t border-gray-100 dark:border-gray-800/50"><div class="flex w-full flex-col gap-12 justify-between px-8 py-16 md:py-20 lg:py-28 max-w-[984px] z-20"><div class="flex flex-col md:flex-row gap-8 justify-between min-h-[76px]"><div class="flex md:flex-col justify-between items-center md:items-start min-w-16 md:min-w-20 lg:min-w-48 md:gap-y-24"><a class="select-none" data-state="closed" data-slot="context-menu-trigger" style="-webkit-touch-callout:none" href="/docs"><span class="sr-only">Claude Code Docs<!-- --> home page</span><img class="nav-logo w-auto relative object-contain shrink-0 block dark:hidden max-w-48 h-[26px]" src="https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/light.svg?fit=max&auto=format&n=o69F7a6qoW9vboof&q=85&s=536eade682636e84231afce2577f9509" alt="light logo"/><img class="nav-logo w-auto relative object-contain shrink-0 hidden dark:block max-w-48 h-[26px]" src="https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/dark.svg?fit=max&auto=format&n=o69F7a6qoW9vboof&q=85&s=0766b3221061e80143e9f300733e640b" alt="dark logo"/></a><div class="gap-4 min-w-[140px] max-w-[492px] flex-wrap h-fit flex justify-end md:justify-start"><a href="https://x.com/AnthropicAI" target="_blank" class="h-fit"><span class="sr-only">x</span><svg class="w-5 h-5 bg-gray-500 dark:bg-gray-600 hover:bg-gray-600 dark:hover:bg-gray-500" style="-webkit-mask-image:url(https://d3gk2c5xim1je2.cloudfront.net/v7.1.0/brands/x-twitter.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:url(https://d3gk2c5xim1je2.cloudfront.net/v7.1.0/brands/x-twitter.svg);mask-repeat:no-repeat;mask-position:center"></svg></a><a href="https://www.linkedin.com/company/anthropicresearch" target="_blank" class="h-fit"><span class="sr-only">linkedin</span><svg class="w-5 h-5 bg-gray-500 dark:bg-gray-600 hover:bg-gray-600 dark:hover:bg-gray-500" style="-webkit-mask-image:url(https://d3gk2c5xim1je2.cloudfront.net/v7.1.0/brands/linkedin.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:url(https://d3gk2c5xim1je2.cloudfront.net/v7.1.0/brands/linkedin.svg);mask-repeat:no-repeat;mask-position:center"></svg></a></div></div><div class="flex flex-col sm:grid max-md:!grid-cols-2 gap-8 flex-1" style="grid-template-columns:repeat(4, minmax(0, 1fr))"><div class="flex flex-col gap-4 flex-1 whitespace-nowrap w-full md:items-center"><div class="flex gap-4 flex-col"><p class="text-sm font-semibold text-gray-950 dark:text-white mb-1">Company</p><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/company" target="_blank" rel="noreferrer">Anthropic</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/careers" target="_blank" rel="noreferrer">Careers</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/economic-futures" target="_blank" rel="noreferrer">Economic Futures</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/research" target="_blank" rel="noreferrer">Research</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/news" target="_blank" rel="noreferrer">News</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://trust.anthropic.com/" target="_blank" rel="noreferrer">Trust center</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/transparency" target="_blank" rel="noreferrer">Transparency</a></div></div><div class="flex flex-col gap-4 flex-1 whitespace-nowrap w-full md:items-center"><div class="flex gap-4 flex-col"><p class="text-sm font-semibold text-gray-950 dark:text-white mb-1">Help and security</p><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/supported-countries" target="_blank" rel="noreferrer">Availability</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://status.anthropic.com/" target="_blank" rel="noreferrer">Status</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://support.claude.com/" target="_blank" rel="noreferrer">Support center</a></div></div><div class="flex flex-col gap-4 flex-1 whitespace-nowrap w-full md:items-center"><div class="flex gap-4 flex-col"><p class="text-sm font-semibold text-gray-950 dark:text-white mb-1">Learn</p><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/learn" target="_blank" rel="noreferrer">Courses</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://claude.com/partners/mcp" target="_blank" rel="noreferrer">MCP connectors</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.claude.com/customers" target="_blank" rel="noreferrer">Customer stories</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/engineering" target="_blank" rel="noreferrer">Engineering blog</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/events" target="_blank" rel="noreferrer">Events</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://claude.com/partners/powered-by-claude" target="_blank" rel="noreferrer">Powered by Claude</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://claude.com/partners/services" target="_blank" rel="noreferrer">Service partners</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://claude.com/programs/startups" target="_blank" rel="noreferrer">Startups program</a></div></div><div class="flex flex-col gap-4 flex-1 whitespace-nowrap w-full md:items-center"><div class="flex gap-4 flex-col"><p class="text-sm font-semibold text-gray-950 dark:text-white mb-1">Terms and policies</p><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/legal/privacy" target="_blank" rel="noreferrer">Privacy policy</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/responsible-disclosure-policy" target="_blank" rel="noreferrer">Disclosure policy</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/legal/aup" target="_blank" rel="noreferrer">Usage policy</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/legal/commercial-terms" target="_blank" rel="noreferrer">Commercial terms</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/legal/consumer-terms" target="_blank" rel="noreferrer">Consumer terms</a></div></div></div></div></div></footer></div></div></div><script src="/docs/_next/static/chunks/webpack-171c0943acd6b430.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[85341,[],\"\"]\n"])</script><script>self.__next_f.push([1,"3:I[2510,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"30479\",\"static/chunks/30479-68a79694ab7750c6.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"18039\",\"static/chunks/app/error-85dc9bbc7f2b9b3f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"default\",1]\n"])</script><script>self.__next_f.push([1,"4:I[90025,[],\"\"]\n"])</script><script>self.__next_f.push([1,"5:I[51749,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"ThemeProvider\",1]\n"])</script><script>self.__next_f.push([1,"6:I[35021,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"ColorVariables\",1]\n"])</script><script>self.__next_f.push([1,"7:I[26790,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"FontScript\",1]\n"])</script><script>self.__next_f.push([1,"8:I[24223,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"RoundedVariables\"]\n"])</script><script>self.__next_f.push([1,"9:I[48622,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"92967\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/not-found-5eb99b67cb6ea223.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"RecommendedPagesList\"]\n"])</script><script>self.__next_f.push([1,"a:I[69206,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"30479\",\"static/chunks/30479-68a79694ab7750c6.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"9249\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/error-2bc09d7a501424e3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"default\",1]\n"])</script><script>self.__next_f.push([1,"14:I[34431,[],\"\"]\n:HL[\"/docs/_next/static/media/bb3ef058b751a6ad-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/docs/_next/static/media/c4b700dcb2187787-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/docs/_next/static/media/e4af272ccee01ff0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/docs/_next/static/css/b864dec2fc058581.css?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"style\"]\n:HL[\"/docs/_next/static/css/93bac6dd9c729729.css?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"style\"]\n:HL[\"/docs/_next/static/css/05d6d8fcb903870d.css?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"SBcKNotCS_71WENolcaUR\",\"p\":\"/docs\",\"c\":[\"\",\"_sites\",\"claude-code\",\"en\",\"skills\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"%5Fsites\",{\"children\":[[\"subdomain\",\"claude-code\",\"d\"],{\"children\":[\"(multitenant)\",{\"topbar\":[\"(slot)\",{\"children\":[[\"slug\",\"en/skills\",\"oc\"],{\"children\":[\"__PAGE__\",{}]}]}],\"children\":[[\"slug\",\"en/skills\",\"oc\"],{\"children\":[\"__PAGE__\",{}]}]}]}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/docs/_next/static/css/b864dec2fc058581.css?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/docs/_next/static/css/93bac6dd9c729729.css?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"suppressHydrationWarning\":true,\"lang\":\"en\",\"className\":\"__variable_ed9089 __variable_ea4744 dark\",\"data-banner-state\":\"visible\",\"data-page-mode\":\"none\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"script\",null,{\"type\":\"text/javascript\",\"dangerouslySetInnerHTML\":{\"__html\":\"(function(a,b){try{let c=document.getElementById(\\\"banner\\\")?.innerText;if(c){for(let d=0;d\u003clocalStorage.length;d++){let e=localStorage.key(d);if(e?.endsWith(a)\u0026\u0026localStorage.getItem(e)===c)return void document.documentElement.setAttribute(b,\\\"hidden\\\")}document.documentElement.setAttribute(b,\\\"visible\\\");return}for(let c=0;c\u003clocalStorage.length;c++){let d=localStorage.key(c);if(d?.endsWith(a)\u0026\u0026localStorage.getItem(d))return void document.documentElement.setAttribute(b,\\\"hidden\\\")}document.documentElement.setAttribute(b,\\\"visible\\\")}catch(a){document.documentElement.setAttribute(b,\\\"hidden\\\")}})(\\n \\\"bannerDismissed\\\",\\n \\\"data-banner-state\\\",\\n)\"}}],false]}],[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$3\",\"errorStyles\":[],\"errorScripts\":[],\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$L5\",null,{\"children\":[[\"$\",\"$L6\",null,{}],[\"$\",\"$L7\",null,{}],[\"$\",\"$L8\",null,{}],[\"$\",\"style\",null,{\"children\":\":root {\\n --primary: 17 120 102;\\n --primary-light: 74 222 128;\\n --primary-dark: 22 101 52;\\n --background-light: 255 255 255;\\n --background-dark: 15 17 23;\\n}\"}],[\"$\",\"main\",null,{\"className\":\"h-screen bg-background-light dark:bg-background-dark text-left\",\"children\":[\"$\",\"article\",null,{\"className\":\"bg-custom bg-fixed bg-center bg-cover relative flex flex-col items-center justify-center h-full\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full max-w-xl px-10\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-flex mb-6 rounded-full px-3 py-1 text-sm font-semibold mr-4 text-white p-1 bg-primary\",\"children\":[\"Error \",404]}],[\"$\",\"h1\",null,{\"className\":\"font-semibold mb-3 text-3xl\",\"children\":\"Page not found!\"}],[\"$\",\"p\",null,{\"className\":\"text-lg text-gray-600 dark:text-gray-400 mb-6\",\"children\":\"We couldn't find the page.\"}],[\"$\",\"$L9\",null,{}]]}]}]}]]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],null]}]]}]]}],{\"children\":[\"%5Fsites\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"subdomain\",\"claude-code\",\"d\"],[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$a\",\"errorStyles\":[],\"errorScripts\":[],\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$L5\",null,{\"children\":[[\"$\",\"$L6\",null,{}],[\"$\",\"$L7\",null,{}],[\"$\",\"$L8\",null,{}],[\"$\",\"style\",null,{\"children\":\":root {\\n --primary: 17 120 102;\\n --primary-light: 74 222 128;\\n --primary-dark: 22 101 52;\\n --background-light: 255 255 255;\\n --background-dark: 15 17 23;\\n}\"}],[\"$\",\"main\",null,{\"className\":\"h-screen bg-background-light dark:bg-background-dark text-left\",\"children\":[\"$\",\"article\",null,{\"className\":\"bg-custom bg-fixed bg-center bg-cover relative flex flex-col items-center justify-center h-full\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full max-w-xl px-10\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-flex mb-6 rounded-full px-3 py-1 text-sm font-semibold mr-4 text-white p-1 bg-primary\",\"children\":[\"Error \",404]}],[\"$\",\"h1\",null,{\"className\":\"font-semibold mb-3 text-3xl\",\"children\":\"Page not found!\"}],\"$Lb\",\"$Lc\"]}]}]}]]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"(multitenant)\",\"$Ld\",{\"topbar\":[\"(slot)\",\"$Le\",{\"children\":[[\"slug\",\"en/skills\",\"oc\"],\"$Lf\",{\"children\":[\"__PAGE__\",\"$L10\",{},null,false]},null,false]},null,false],\"children\":[[\"slug\",\"en/skills\",\"oc\"],\"$L11\",{\"children\":[\"__PAGE__\",\"$L12\",{},null,false]},null,false]},null,false]},null,false]},null,false]},null,false],\"$L13\",false]],\"m\":\"$undefined\",\"G\":[\"$14\",[]],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"17:I[15104,[],\"OutletBoundary\"]\n1c:I[94777,[],\"AsyncMetadataOutlet\"]\n1e:I[15104,[],\"ViewportBoundary\"]\n20:I[15104,[],\"MetadataBoundary\"]\n21:\"$Sreact.suspense\"\nb:[\"$\",\"p\",null,{\"className\":\"text-lg text-gray-600 dark:text-gray-400 mb-6\",\"children\":\"We couldn't find the page.\"}]\nc:[\"$\",\"$L9\",null,{}]\nd:[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/docs/_next/static/css/05d6d8fcb903870d.css?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],\"$L15\"]}]\ne:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\nf:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n10:[\"$\",\"$1\",\"c\",{\"children\":[\"$L16\",null,[\"$\",\"$L17\",null,{\"children\":[\"$L18\",\"$L19\"]}]]}]\n11:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n12:[\"$\",\"$1\",\"c\",{\"children\":[\"$L1a\",null,[\"$\",\"$L17\",null,{\"children\":[\"$L1b\",[\"$\",\"$L1c\",null,{\"promise\":\"$@1d\"}]]}]]}]\n13:[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$L1e\",null,{\"children\":\"$L1f\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]],[\"$\",\"$L20\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$21\",null,{\"fallback\":null,\"children\":\"$L22\"}]}]}]]}]\n"])</script><script>self.__next_f.push([1,"18:null\n19:null\n"])</script><script>self.__next_f.push([1,"1f:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover\"}]]\n1b:null\n"])</script><script>self.__next_f.push([1,"2d:I[30793,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"ApiReferenceProvider\",1]\n"])</script><script>self.__next_f.push([1,"2e:I[30793,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"PageProvider\",1]\n"])</script><script>self.__next_f.push([1,"2f:I[30793,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"ApiReferenceProvider2\",1]\n"])</script><script>self.__next_f.push([1,"1d:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"Extend Claude with skills - Claude Code Docs\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"application-name\",\"content\":\"Claude Code Docs\"}],[\"$\",\"meta\",\"3\",{\"name\":\"generator\",\"content\":\"Mintlify\"}],[\"$\",\"meta\",\"4\",{\"name\":\"msapplication-config\",\"content\":\"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/browserconfig.xml\"}],[\"$\",\"meta\",\"5\",{\"name\":\"apple-mobile-web-app-title\",\"content\":\"Claude Code Docs\"}],[\"$\",\"meta\",\"6\",{\"name\":\"msapplication-TileColor\",\"content\":\"#0E0E0E\"}],[\"$\",\"meta\",\"7\",{\"name\":\"charset\",\"content\":\"utf-8\"}],[\"$\",\"meta\",\"8\",{\"name\":\"og:site_name\",\"content\":\"Claude Code Docs\"}],[\"$\",\"meta\",\"9\",{\"name\":\"canonical\",\"content\":\"https://code.claude.com/docs/en/skills\"}],[\"$\",\"link\",\"10\",{\"rel\":\"canonical\",\"href\":\"https://code.claude.com/docs/en/skills\"}],[\"$\",\"link\",\"11\",{\"rel\":\"alternate\",\"type\":\"application/xml\",\"href\":\"/docs/sitemap.xml\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:title\",\"content\":\"Extend Claude with skills - Claude Code Docs\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:description\",\"content\":\"Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands.\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:url\",\"content\":\"https://code.claude.com/docs/en/skills\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:image\",\"content\":\"https://claude-code.mintlify.app/_next/image?url=%2F_mintlify%2Fapi%2Fog%3Fdivision%3DBuild%2Bwith%2BClaude%2BCode%26appearance%3Dsystem%26title%3DExtend%2BClaude%2Bwith%2Bskills%26description%3DCreate%252C%2Bmanage%252C%2Band%2Bshare%2Bskills%2Bto%2Bextend%2BClaude%2527s%2Bcapabilities%2Bin%2BClaude%2BCode.%2BIncludes%2Bcustom%2Bslash%2Bcommands.%26logoLight%3Dhttps%253A%252F%252Fmintcdn.com%252Fclaude-code%252Fo69F7a6qoW9vboof%252Flogo%252Flight.svg%253Ffit%253Dmax%2526auto%253Dformat%2526n%253Do69F7a6qoW9vboof%2526q%253D85%2526s%253D536eade682636e84231afce2577f9509%26logoDark%3Dhttps%253A%252F%252Fmintcdn.com%252Fclaude-code%252Fo69F7a6qoW9vboof%252Flogo%252Fdark.svg%253Ffit%253Dmax%2526auto%253Dformat%2526n%253Do69F7a6qoW9vboof%2526q%253D85%2526s%253D0766b3221061e80143e9f300733e640b%26primaryColor%3D%25230E0E0E%26lightColor%3D%2523D4A27F%26darkColor%3D%25230E0E0E%26backgroundLight%3D%2523FDFDF7%26backgroundDark%3D%252309090B\u0026w=1200\u0026q=100\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:title\",\"content\":\"Extend Claude with skills - Claude Code Docs\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:description\",\"content\":\"Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands.\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:image\",\"content\":\"https://claude-code.mintlify.app/_next/image?url=%2F_mintlify%2Fapi%2Fog%3Fdivision%3DBuild%2Bwith%2BClaude%2BCode%26appearance%3Dsystem%26title%3DExtend%2BClaude%2Bwith%2Bskills%26description%3DCreate%252C%2Bmanage%252C%2Band%2Bshare%2Bskills%2Bto%2Bextend%2BClaude%2527s%2Bcapabilities%2Bin%2BClaude%2BCode.%2BIncludes%2Bcustom%2Bslash%2Bcommands.%26logoLight%3Dhttps%253A%252F%252Fmintcdn.com%252Fclaude-code%252Fo69F7a6qoW9vboof%252Flogo%252Flight.svg%253Ffit%253Dmax%2526auto%253Dformat%2526n%253Do69F7a6qoW9vboof%2526q%253D85%2526s%253D536eade682636e84231afce2577f9509%26logoDark%3Dhttps%253A%252F%252Fmintcdn.com%252Fclaude-code%252Fo69F7a6qoW9vboof%252Flogo%252Fdark.svg%253Ffit%253Dmax%2526auto%253Dformat%2526n%253Do69F7a6qoW9vboof%2526q%253D85%2526s%253D0766b3221061e80143e9f300733e640b%26primaryColor%3D%25230E0E0E%26lightColor%3D%2523D4A27F%26darkColor%3D%25230E0E0E%26backgroundLight%3D%2523FDFDF7%26backgroundDark%3D%252309090B\u0026w=1200\u0026q=100\"}],\"$L23\",\"$L24\",\"$L25\",\"$L26\",\"$L27\",\"$L28\",\"$L29\",\"$L2a\",\"$L2b\",\"$L2c\"],\"error\":null,\"digest\":\"$undefined\"}\n"])</script><script>self.__next_f.push([1,"22:\"$1d:metadata\"\n"])</script><script>self.__next_f.push([1,"1a:[\"$\",\"$L2d\",null,{\"value\":{\"apiReferenceData\":{}},\"children\":[\"$\",\"$L2e\",null,{\"value\":{\"pageMetadata\":{\"title\":\"Extend Claude with skills\",\"description\":\"Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands.\",\"href\":\"/en/skills\",\"hidden\":false},\"lastModified\":\"2026-02-07T00:03:23.798Z\",\"description\":{\"compiledSource\":\"\\\"use strict\\\";\\nconst {jsx: _jsx} = arguments[0];\\nconst {useMDXComponents: _provideComponents} = arguments[0];\\nfunction _createMdxContent(props) {\\n const _components = {\\n p: \\\"p\\\",\\n ..._provideComponents(),\\n ...props.components\\n };\\n return _jsx(_components.p, {\\n children: \\\"Create, manage, and share skills to extend Claude’s capabilities in Claude Code. Includes custom slash commands.\\\"\\n });\\n}\\nfunction MDXContent(props = {}) {\\n const {wrapper: MDXLayout} = {\\n ..._provideComponents(),\\n ...props.components\\n };\\n return MDXLayout ? _jsx(MDXLayout, {\\n ...props,\\n children: _jsx(_createMdxContent, {\\n ...props\\n })\\n }) : _createMdxContent(props);\\n}\\nreturn {\\n default: MDXContent\\n};\\n\",\"frontmatter\":{},\"scope\":{}},\"mdxExtracts\":{\"tableOfContents\":[{\"title\":\"Getting started\",\"slug\":\"getting-started\",\"depth\":2,\"children\":[{\"title\":\"Create your first skill\",\"slug\":\"create-your-first-skill\",\"depth\":3,\"children\":[]},{\"title\":\"Where skills live\",\"slug\":\"where-skills-live\",\"depth\":3,\"children\":[]},{\"title\":\"Automatic discovery from nested directories\",\"slug\":\"automatic-discovery-from-nested-directories\",\"depth\":4,\"children\":[]},{\"title\":\"Skills from additional directories\",\"slug\":\"skills-from-additional-directories\",\"depth\":4,\"children\":[]}]},{\"title\":\"Configure skills\",\"slug\":\"configure-skills\",\"depth\":2,\"children\":[{\"title\":\"Types of skill content\",\"slug\":\"types-of-skill-content\",\"depth\":3,\"children\":[]},{\"title\":\"Frontmatter reference\",\"slug\":\"frontmatter-reference\",\"depth\":3,\"children\":[]},{\"title\":\"Available string substitutions\",\"slug\":\"available-string-substitutions\",\"depth\":4,\"children\":[]},{\"title\":\"Add supporting files\",\"slug\":\"add-supporting-files\",\"depth\":3,\"children\":[]},{\"title\":\"Control who invokes a skill\",\"slug\":\"control-who-invokes-a-skill\",\"depth\":3,\"children\":[]},{\"title\":\"Restrict tool access\",\"slug\":\"restrict-tool-access\",\"depth\":3,\"children\":[]},{\"title\":\"Pass arguments to skills\",\"slug\":\"pass-arguments-to-skills\",\"depth\":3,\"children\":[]}]},{\"title\":\"Advanced patterns\",\"slug\":\"advanced-patterns\",\"depth\":2,\"children\":[{\"title\":\"Inject dynamic context\",\"slug\":\"inject-dynamic-context\",\"depth\":3,\"children\":[]},{\"title\":\"Run skills in a subagent\",\"slug\":\"run-skills-in-a-subagent\",\"depth\":3,\"children\":[]},{\"title\":\"Example: Research skill using Explore agent\",\"slug\":\"example%3A-research-skill-using-explore-agent\",\"depth\":4,\"children\":[]},{\"title\":\"Restrict Claude’s skill access\",\"slug\":\"restrict-claude%E2%80%99s-skill-access\",\"depth\":3,\"children\":[]}]},{\"title\":\"Share skills\",\"slug\":\"share-skills\",\"depth\":2,\"children\":[{\"title\":\"Generate visual output\",\"slug\":\"generate-visual-output\",\"depth\":3,\"children\":[]}]},{\"title\":\"Troubleshooting\",\"slug\":\"troubleshooting\",\"depth\":2,\"children\":[{\"title\":\"Skill not triggering\",\"slug\":\"skill-not-triggering\",\"depth\":3,\"children\":[]},{\"title\":\"Skill triggers too often\",\"slug\":\"skill-triggers-too-often\",\"depth\":3,\"children\":[]},{\"title\":\"Claude doesn’t see all my skills\",\"slug\":\"claude-doesn%E2%80%99t-see-all-my-skills\",\"depth\":3,\"children\":[]}]},{\"title\":\"Related resources\",\"slug\":\"related-resources\",\"depth\":2,\"children\":[]}],\"codeExamples\":{}},\"pageType\":\"$undefined\",\"panelMdxSource\":\"$undefined\",\"panelMdxSourceWithNoJs\":\"$undefined\"},\"children\":[\"$\",\"$L2f\",null,{\"pageMetadata\":\"$1a:props:children:props:value:pageMetadata\",\"docsConfig\":{\"theme\":\"mint\",\"$schema\":\"https://mintlify.com/docs.json\",\"name\":\"Claude Code Docs\",\"colors\":{\"primary\":\"#0E0E0E\",\"light\":\"#D4A27F\",\"dark\":\"#0E0E0E\"},\"logo\":{\"light\":\"https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/light.svg?fit=max\u0026auto=format\u0026n=o69F7a6qoW9vboof\u0026q=85\u0026s=536eade682636e84231afce2577f9509\",\"dark\":\"https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/dark.svg?fit=max\u0026auto=format\u0026n=o69F7a6qoW9vboof\u0026q=85\u0026s=0766b3221061e80143e9f300733e640b\"},\"favicon\":\"/favicon.ico\",\"appearance\":{\"default\":\"system\"},\"background\":{\"color\":{\"light\":\"#FDFDF7\",\"dark\":\"#09090B\"}},\"navbar\":{\"links\":[{\"href\":\"https://platform.claude.com/\",\"label\":\"Claude Developer Platform\"}],\"primary\":{\"type\":\"button\",\"label\":\"Claude Code on the Web\",\"href\":\"https://claude.ai/code\"}},\"navigation\":{\"languages\":[{\"language\":\"en\",\"tabs\":[{\"tab\":\"Getting started\",\"groups\":[{\"group\":\"Getting started\",\"pages\":[\"en/overview\",\"en/quickstart\",\"en/changelog\"]},{\"group\":\"Core concepts\",\"pages\":[\"en/how-claude-code-works\",\"en/features-overview\",\"en/common-workflows\",\"en/best-practices\"]},{\"group\":\"Platforms and integrations\",\"pages\":[\"en/claude-code-on-the-web\",{\"group\":\"Claude Code on desktop\",\"pages\":[\"en/desktop-quickstart\",\"en/desktop\"]},\"en/chrome\",\"en/vs-code\",\"en/jetbrains\",\"en/github-actions\",\"en/gitlab-ci-cd\",\"en/slack\"]}]},{\"tab\":\"Build with Claude Code\",\"groups\":[{\"group\":\"Build with Claude Code\",\"pages\":[\"en/sub-agents\",\"en/agent-teams\",\"en/plugins\",\"en/discover-plugins\",\"en/skills\",\"en/output-styles\",\"en/hooks-guide\",\"en/headless\",\"en/mcp\",\"en/troubleshooting\"]}]},{\"tab\":\"Deployment\",\"groups\":[{\"group\":\"Deployment\",\"pages\":[\"en/third-party-integrations\",\"en/amazon-bedrock\",\"en/google-vertex-ai\",\"en/microsoft-foundry\",\"en/network-config\",\"en/llm-gateway\",\"en/devcontainer\"]}]},{\"tab\":\"Administration\",\"groups\":[{\"group\":\"Administration\",\"pages\":[\"en/setup\",\"en/authentication\",\"en/security\",\"en/server-managed-settings\",\"en/data-usage\",\"en/monitoring-usage\",\"en/costs\",\"en/analytics\",\"en/plugin-marketplaces\"]}]},{\"tab\":\"Configuration\",\"groups\":[{\"group\":\"Configuration\",\"pages\":[\"en/settings\",\"en/permissions\",\"en/sandboxing\",\"en/terminal-config\",\"en/model-config\",\"en/fast-mode\",\"en/memory\",\"en/statusline\",\"en/keybindings\"]}]},{\"tab\":\"Reference\",\"groups\":[{\"group\":\"Reference\",\"pages\":[\"en/cli-reference\",\"en/interactive-mode\",\"en/checkpointing\",\"en/hooks\",\"en/plugins-reference\"]}]},{\"tab\":\"Resources\",\"groups\":[{\"group\":\"Resources\",\"pages\":[\"en/legal-and-compliance\"]}]}]},{\"language\":\"fr\",\"tabs\":[{\"tab\":\"Démarrer\",\"groups\":[{\"group\":\"Démarrer\",\"pages\":[\"fr/overview\",\"fr/quickstart\",\"fr/changelog\"]},{\"group\":\"Concepts fondamentaux\",\"pages\":[\"fr/how-claude-code-works\",\"fr/features-overview\",\"fr/common-workflows\",\"fr/best-practices\"]},{\"group\":\"Plateformes et intégrations\",\"pages\":[\"fr/claude-code-on-the-web\",\"fr/desktop\",\"fr/chrome\",\"fr/vs-code\",\"fr/jetbrains\",\"fr/github-actions\",\"fr/gitlab-ci-cd\",\"fr/slack\"]}]},{\"tab\":\"Créer avec Claude Code\",\"groups\":[{\"group\":\"Créer avec Claude Code\",\"pages\":[\"fr/sub-agents\",\"fr/agent-teams\",\"fr/plugins\",\"fr/discover-plugins\",\"fr/skills\",\"fr/output-styles\",\"fr/hooks-guide\",\"fr/headless\",\"fr/mcp\",\"fr/troubleshooting\"]}]},{\"tab\":\"Déploiement\",\"groups\":[{\"group\":\"Déploiement\",\"pages\":[\"fr/third-party-integrations\",\"fr/amazon-bedrock\",\"fr/google-vertex-ai\",\"fr/microsoft-foundry\",\"fr/network-config\",\"fr/llm-gateway\",\"fr/devcontainer\"]}]},{\"tab\":\"Administration\",\"groups\":[{\"group\":\"Administration\",\"pages\":[\"fr/setup\",\"fr/authentication\",\"fr/security\",\"fr/server-managed-settings\",\"fr/data-usage\",\"fr/monitoring-usage\",\"fr/costs\",\"fr/analytics\",\"fr/plugin-marketplaces\"]}]},{\"tab\":\"Configuration\",\"groups\":[{\"group\":\"Configuration\",\"pages\":[\"fr/settings\",\"fr/permissions\",\"fr/sandboxing\",\"fr/terminal-config\",\"fr/model-config\",\"fr/fast-mode\",\"fr/memory\",\"fr/statusline\",\"fr/keybindings\"]}]},{\"tab\":\"Référence\",\"groups\":[{\"group\":\"Référence\",\"pages\":[\"fr/cli-reference\",\"fr/interactive-mode\",\"fr/checkpointing\",\"fr/hooks\",\"fr/plugins-reference\"]}]},{\"tab\":\"Ressources\",\"groups\":[{\"group\":\"Ressources\",\"pages\":[\"fr/legal-and-compliance\"]}]}]},{\"language\":\"de\",\"tabs\":[{\"tab\":\"Erste Schritte\",\"groups\":[{\"group\":\"Erste Schritte\",\"pages\":[\"de/overview\",\"de/quickstart\",\"de/changelog\"]},{\"group\":\"Kernkonzepte\",\"pages\":[\"de/how-claude-code-works\",\"de/features-overview\",\"de/common-workflows\",\"de/best-practices\"]},{\"group\":\"Plattformen und Integrationen\",\"pages\":[\"de/claude-code-on-the-web\",\"de/desktop\",\"de/chrome\",\"de/vs-code\",\"de/jetbrains\",\"de/github-actions\",\"de/gitlab-ci-cd\",\"de/slack\"]}]},{\"tab\":\"Mit Claude Code erstellen\",\"groups\":[{\"group\":\"Mit Claude Code erstellen\",\"pages\":[\"de/sub-agents\",\"de/agent-teams\",\"de/plugins\",\"de/discover-plugins\",\"de/skills\",\"de/output-styles\",\"de/hooks-guide\",\"de/headless\",\"de/mcp\",\"de/troubleshooting\"]}]},{\"tab\":\"Bereitstellung\",\"groups\":[{\"group\":\"Bereitstellung\",\"pages\":[\"de/third-party-integrations\",\"de/amazon-bedrock\",\"de/google-vertex-ai\",\"de/microsoft-foundry\",\"de/network-config\",\"de/llm-gateway\",\"de/devcontainer\"]}]},{\"tab\":\"Verwaltung\",\"groups\":[{\"group\":\"Verwaltung\",\"pages\":[\"de/setup\",\"de/authentication\",\"de/security\",\"de/server-managed-settings\",\"de/data-usage\",\"de/monitoring-usage\",\"de/costs\",\"de/analytics\",\"de/plugin-marketplaces\"]}]},{\"tab\":\"Konfiguration\",\"groups\":[{\"group\":\"Konfiguration\",\"pages\":[\"de/settings\",\"de/permissions\",\"de/sandboxing\",\"de/terminal-config\",\"de/model-config\",\"de/fast-mode\",\"de/memory\",\"de/statusline\",\"de/keybindings\"]}]},{\"tab\":\"Referenz\",\"groups\":[{\"group\":\"Referenz\",\"pages\":[\"de/cli-reference\",\"de/interactive-mode\",\"de/checkpointing\",\"de/hooks\",\"de/plugins-reference\"]}]},{\"tab\":\"Ressourcen\",\"groups\":[{\"group\":\"Ressourcen\",\"pages\":[\"de/legal-and-compliance\"]}]}]},{\"language\":\"it\",\"tabs\":[{\"tab\":\"Guida introduttiva\",\"groups\":[{\"group\":\"Guida introduttiva\",\"pages\":[\"it/overview\",\"it/quickstart\",\"it/changelog\"]},{\"group\":\"Concetti fondamentali\",\"pages\":[\"it/how-claude-code-works\",\"it/features-overview\",\"it/common-workflows\",\"it/best-practices\"]},{\"group\":\"Piattaforme e integrazioni\",\"pages\":[\"it/claude-code-on-the-web\",\"it/desktop\",\"it/chrome\",\"it/vs-code\",\"it/jetbrains\",\"it/github-actions\",\"it/gitlab-ci-cd\",\"it/slack\"]}]},{\"tab\":\"Sviluppate con Claude Code\",\"groups\":[{\"group\":\"Sviluppate con Claude Code\",\"pages\":[\"it/sub-agents\",\"it/agent-teams\",\"it/plugins\",\"it/discover-plugins\",\"it/skills\",\"it/output-styles\",\"it/hooks-guide\",\"it/headless\",\"it/mcp\",\"it/troubleshooting\"]}]},{\"tab\":\"Distribuzione\",\"groups\":[{\"group\":\"Distribuzione\",\"pages\":[\"it/third-party-integrations\",\"it/amazon-bedrock\",\"it/google-vertex-ai\",\"it/microsoft-foundry\",\"it/network-config\",\"it/llm-gateway\",\"it/devcontainer\"]}]},{\"tab\":\"Amministrazione\",\"groups\":[{\"group\":\"Amministrazione\",\"pages\":[\"it/setup\",\"it/authentication\",\"it/security\",\"it/server-managed-settings\",\"it/data-usage\",\"it/monitoring-usage\",\"it/costs\",\"it/analytics\",\"it/plugin-marketplaces\"]}]},{\"tab\":\"Configurazione\",\"groups\":[{\"group\":\"Configurazione\",\"pages\":[\"it/settings\",\"it/permissions\",\"it/sandboxing\",\"it/terminal-config\",\"it/model-config\",\"it/fast-mode\",\"it/memory\",\"it/statusline\",\"it/keybindings\"]}]},{\"tab\":\"Riferimento\",\"groups\":[{\"group\":\"Riferimento\",\"pages\":[\"it/cli-reference\",\"it/interactive-mode\",\"it/checkpointing\",\"it/hooks\",\"it/plugins-reference\"]}]},{\"tab\":\"Risorse\",\"groups\":[{\"group\":\"Risorse\",\"pages\":[\"it/legal-and-compliance\"]}]}]},{\"language\":\"jp\",\"tabs\":[{\"tab\":\"はじめに\",\"groups\":[{\"group\":\"はじめに\",\"pages\":[\"ja/overview\",\"ja/quickstart\",\"ja/changelog\"]},{\"group\":\"コア概念\",\"pages\":[\"ja/how-claude-code-works\",\"ja/features-overview\",\"ja/common-workflows\",\"ja/best-practices\"]},{\"group\":\"プラットフォームと統合\",\"pages\":[\"ja/claude-code-on-the-web\",\"ja/desktop\",\"ja/chrome\",\"ja/vs-code\",\"ja/jetbrains\",\"ja/github-actions\",\"ja/gitlab-ci-cd\",\"ja/slack\"]}]},{\"tab\":\"Claude Code で構築する\",\"groups\":[{\"group\":\"Claude Code で構築する\",\"pages\":[\"ja/sub-agents\",\"ja/agent-teams\",\"ja/plugins\",\"ja/discover-plugins\",\"ja/skills\",\"ja/output-styles\",\"ja/hooks-guide\",\"ja/headless\",\"ja/mcp\",\"ja/troubleshooting\"]}]},{\"tab\":\"デプロイ\",\"groups\":[{\"group\":\"デプロイ\",\"pages\":[\"ja/third-party-integrations\",\"ja/amazon-bedrock\",\"ja/google-vertex-ai\",\"ja/microsoft-foundry\",\"ja/network-config\",\"ja/llm-gateway\",\"ja/devcontainer\"]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[\"ja/setup\",\"ja/authentication\",\"ja/security\",\"ja/server-managed-settings\",\"ja/data-usage\",\"ja/monitoring-usage\",\"ja/costs\",\"ja/analytics\",\"ja/plugin-marketplaces\"]}]},{\"tab\":\"設定\",\"groups\":[{\"group\":\"設定\",\"pages\":[\"ja/settings\",\"ja/permissions\",\"ja/sandboxing\",\"ja/terminal-config\",\"ja/model-config\",\"ja/fast-mode\",\"ja/memory\",\"ja/statusline\",\"ja/keybindings\"]}]},{\"tab\":\"リファレンス\",\"groups\":[{\"group\":\"リファレンス\",\"pages\":[\"ja/cli-reference\",\"ja/interactive-mode\",\"ja/checkpointing\",\"ja/hooks\",\"ja/plugins-reference\"]}]},{\"tab\":\"リソース\",\"groups\":[{\"group\":\"リソース\",\"pages\":[\"ja/legal-and-compliance\"]}]}]},{\"language\":\"es\",\"tabs\":[{\"tab\":\"Primeros pasos\",\"groups\":[{\"group\":\"Primeros pasos\",\"pages\":[\"es/overview\",\"es/quickstart\",\"es/changelog\"]},{\"group\":\"Conceptos fundamentales\",\"pages\":[\"es/how-claude-code-works\",\"es/features-overview\",\"es/common-workflows\",\"es/best-practices\"]},{\"group\":\"Plataformas e integraciones\",\"pages\":[\"es/claude-code-on-the-web\",\"es/desktop\",\"es/chrome\",\"es/vs-code\",\"es/jetbrains\",\"es/github-actions\",\"es/gitlab-ci-cd\",\"es/slack\"]}]},{\"tab\":\"Crear con Claude Code\",\"groups\":[{\"group\":\"Crear con Claude Code\",\"pages\":[\"es/sub-agents\",\"es/agent-teams\",\"es/plugins\",\"es/discover-plugins\",\"es/skills\",\"es/output-styles\",\"es/hooks-guide\",\"es/headless\",\"es/mcp\",\"es/troubleshooting\"]}]},{\"tab\":\"Implementación\",\"groups\":[{\"group\":\"Implementación\",\"pages\":[\"es/third-party-integrations\",\"es/amazon-bedrock\",\"es/google-vertex-ai\",\"es/microsoft-foundry\",\"es/network-config\",\"es/llm-gateway\",\"es/devcontainer\"]}]},{\"tab\":\"Administración\",\"groups\":[{\"group\":\"Administración\",\"pages\":[\"es/setup\",\"es/authentication\",\"es/security\",\"es/server-managed-settings\",\"es/data-usage\",\"es/monitoring-usage\",\"es/costs\",\"es/analytics\",\"es/plugin-marketplaces\"]}]},{\"tab\":\"Configuración\",\"groups\":[{\"group\":\"Configuración\",\"pages\":[\"es/settings\",\"es/permissions\",\"es/sandboxing\",\"es/terminal-config\",\"es/model-config\",\"es/fast-mode\",\"es/memory\",\"es/statusline\",\"es/keybindings\"]}]},{\"tab\":\"Referencia\",\"groups\":[{\"group\":\"Referencia\",\"pages\":[\"es/cli-reference\",\"es/interactive-mode\",\"es/checkpointing\",\"es/hooks\",\"es/plugins-reference\"]}]},{\"tab\":\"Recursos\",\"groups\":[{\"group\":\"Recursos\",\"pages\":[\"es/legal-and-compliance\"]}]}]},{\"language\":\"ko\",\"tabs\":[{\"tab\":\"시작하기\",\"groups\":[{\"group\":\"시작하기\",\"pages\":[\"ko/overview\",\"ko/quickstart\",\"ko/changelog\"]},{\"group\":\"핵심 개념\",\"pages\":[\"ko/how-claude-code-works\",\"ko/features-overview\",\"ko/common-workflows\",\"ko/best-practices\"]},{\"group\":\"플랫폼 및 통합\",\"pages\":[\"ko/claude-code-on-the-web\",\"ko/desktop\",\"ko/chrome\",\"ko/vs-code\",\"ko/jetbrains\",\"ko/github-actions\",\"ko/gitlab-ci-cd\",\"ko/slack\"]}]},{\"tab\":\"Claude Code로 빌드하기\",\"groups\":[{\"group\":\"Claude Code로 빌드하기\",\"pages\":[\"ko/sub-agents\",\"ko/agent-teams\",\"ko/plugins\",\"ko/discover-plugins\",\"ko/skills\",\"ko/output-styles\",\"ko/hooks-guide\",\"ko/headless\",\"ko/mcp\",\"ko/troubleshooting\"]}]},{\"tab\":\"배포\",\"groups\":[{\"group\":\"배포\",\"pages\":[\"ko/third-party-integrations\",\"ko/amazon-bedrock\",\"ko/google-vertex-ai\",\"ko/microsoft-foundry\",\"ko/network-config\",\"ko/llm-gateway\",\"ko/devcontainer\"]}]},{\"tab\":\"관리\",\"groups\":[{\"group\":\"관리\",\"pages\":[\"ko/setup\",\"ko/authentication\",\"ko/security\",\"ko/server-managed-settings\",\"ko/data-usage\",\"ko/monitoring-usage\",\"ko/costs\",\"ko/analytics\",\"ko/plugin-marketplaces\"]}]},{\"tab\":\"구성\",\"groups\":[{\"group\":\"구성\",\"pages\":[\"ko/settings\",\"ko/permissions\",\"ko/sandboxing\",\"ko/terminal-config\",\"ko/model-config\",\"ko/fast-mode\",\"ko/memory\",\"ko/statusline\",\"ko/keybindings\"]}]},{\"tab\":\"참고\",\"groups\":[{\"group\":\"참고\",\"pages\":[\"ko/cli-reference\",\"ko/interactive-mode\",\"ko/checkpointing\",\"ko/hooks\",\"ko/plugins-reference\"]}]},{\"tab\":\"리소스\",\"groups\":[{\"group\":\"리소스\",\"pages\":[\"ko/legal-and-compliance\"]}]}]},{\"language\":\"cn\",\"tabs\":[{\"tab\":\"快速开始\",\"groups\":[{\"group\":\"快速开始\",\"pages\":[\"zh-CN/overview\",\"zh-CN/quickstart\",\"zh-CN/changelog\"]},{\"group\":\"核心概念\",\"pages\":[\"zh-CN/how-claude-code-works\",\"zh-CN/features-overview\",\"zh-CN/common-workflows\",\"zh-CN/best-practices\"]},{\"group\":\"平台和集成\",\"pages\":[\"zh-CN/claude-code-on-the-web\",\"zh-CN/desktop\",\"zh-CN/chrome\",\"zh-CN/vs-code\",\"zh-CN/jetbrains\",\"zh-CN/github-actions\",\"zh-CN/gitlab-ci-cd\",\"zh-CN/slack\"]}]},{\"tab\":\"使用 Claude Code 构建\",\"groups\":[{\"group\":\"使用 Claude Code 构建\",\"pages\":[\"zh-CN/sub-agents\",\"zh-CN/agent-teams\",\"zh-CN/plugins\",\"zh-CN/discover-plugins\",\"zh-CN/skills\",\"zh-CN/output-styles\",\"zh-CN/hooks-guide\",\"zh-CN/headless\",\"zh-CN/mcp\",\"zh-CN/troubleshooting\"]}]},{\"tab\":\"部署\",\"groups\":[{\"group\":\"部署\",\"pages\":[\"zh-CN/third-party-integrations\",\"zh-CN/amazon-bedrock\",\"zh-CN/google-vertex-ai\",\"zh-CN/microsoft-foundry\",\"zh-CN/network-config\",\"zh-CN/llm-gateway\",\"zh-CN/devcontainer\"]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[\"zh-CN/setup\",\"zh-CN/authentication\",\"zh-CN/security\",\"zh-CN/server-managed-settings\",\"zh-CN/data-usage\",\"zh-CN/monitoring-usage\",\"zh-CN/costs\",\"zh-CN/analytics\",\"zh-CN/plugin-marketplaces\"]}]},{\"tab\":\"配置\",\"groups\":[{\"group\":\"配置\",\"pages\":[\"zh-CN/settings\",\"zh-CN/permissions\",\"zh-CN/sandboxing\",\"zh-CN/terminal-config\",\"zh-CN/model-config\",\"zh-CN/fast-mode\",\"zh-CN/memory\",\"zh-CN/statusline\",\"zh-CN/keybindings\"]}]},{\"tab\":\"参考\",\"groups\":[{\"group\":\"参考\",\"pages\":[\"zh-CN/cli-reference\",\"zh-CN/interactive-mode\",\"zh-CN/checkpointing\",\"zh-CN/hooks\",\"zh-CN/plugins-reference\"]}]},{\"tab\":\"资源\",\"groups\":[{\"group\":\"资源\",\"pages\":[\"zh-CN/legal-and-compliance\"]}]}]},{\"language\":\"zh-Hant\",\"tabs\":[{\"tab\":\"開始使用\",\"groups\":[{\"group\":\"開始使用\",\"pages\":[\"zh-TW/overview\",\"zh-TW/quickstart\",\"zh-TW/changelog\"]},{\"group\":\"核心概念\",\"pages\":[\"zh-TW/how-claude-code-works\",\"zh-TW/features-overview\",\"zh-TW/common-workflows\",\"zh-TW/best-practices\"]},{\"group\":\"平台和整合\",\"pages\":[\"zh-TW/claude-code-on-the-web\",\"zh-TW/desktop\",\"zh-TW/chrome\",\"zh-TW/vs-code\",\"zh-TW/jetbrains\",\"zh-TW/github-actions\",\"zh-TW/gitlab-ci-cd\",\"zh-TW/slack\"]}]},{\"tab\":\"使用 Claude Code 建構\",\"groups\":[{\"group\":\"使用 Claude Code 建構\",\"pages\":[\"zh-TW/sub-agents\",\"zh-TW/agent-teams\",\"zh-TW/plugins\",\"zh-TW/discover-plugins\",\"zh-TW/skills\",\"zh-TW/output-styles\",\"zh-TW/hooks-guide\",\"zh-TW/headless\",\"zh-TW/mcp\",\"zh-TW/troubleshooting\"]}]},{\"tab\":\"部署\",\"groups\":[{\"group\":\"部署\",\"pages\":[\"zh-TW/third-party-integrations\",\"zh-TW/amazon-bedrock\",\"zh-TW/google-vertex-ai\",\"zh-TW/microsoft-foundry\",\"zh-TW/network-config\",\"zh-TW/llm-gateway\",\"zh-TW/devcontainer\"]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[\"zh-TW/setup\",\"zh-TW/authentication\",\"zh-TW/security\",\"zh-TW/server-managed-settings\",\"zh-TW/data-usage\",\"zh-TW/monitoring-usage\",\"zh-TW/costs\",\"zh-TW/analytics\",\"zh-TW/plugin-marketplaces\"]}]},{\"tab\":\"設定\",\"groups\":[{\"group\":\"設定\",\"pages\":[\"zh-TW/settings\",\"zh-TW/permissions\",\"zh-TW/sandboxing\",\"zh-TW/terminal-config\",\"zh-TW/model-config\",\"zh-TW/fast-mode\",\"zh-TW/memory\",\"zh-TW/statusline\",\"zh-TW/keybindings\"]}]},{\"tab\":\"參考資料\",\"groups\":[{\"group\":\"參考資料\",\"pages\":[\"zh-TW/cli-reference\",\"zh-TW/interactive-mode\",\"zh-TW/checkpointing\",\"zh-TW/hooks\",\"zh-TW/plugins-reference\"]}]},{\"tab\":\"資源\",\"groups\":[{\"group\":\"資源\",\"pages\":[\"zh-TW/legal-and-compliance\"]}]}]},{\"language\":\"ru\",\"tabs\":[{\"tab\":\"Начало работы\",\"groups\":[{\"group\":\"Начало работы\",\"pages\":[\"ru/overview\",\"ru/quickstart\",\"ru/changelog\"]},{\"group\":\"Основные концепции\",\"pages\":[\"ru/how-claude-code-works\",\"ru/features-overview\",\"ru/common-workflows\",\"ru/best-practices\"]},{\"group\":\"Платформы и интеграции\",\"pages\":[\"ru/claude-code-on-the-web\",\"ru/desktop\",\"ru/chrome\",\"ru/vs-code\",\"ru/jetbrains\",\"ru/github-actions\",\"ru/gitlab-ci-cd\",\"ru/slack\"]}]},{\"tab\":\"Разработка с Claude Code\",\"groups\":[{\"group\":\"Разработка с Claude Code\",\"pages\":[\"ru/sub-agents\",\"ru/agent-teams\",\"ru/plugins\",\"ru/discover-plugins\",\"ru/skills\",\"ru/output-styles\",\"ru/hooks-guide\",\"ru/headless\",\"ru/mcp\",\"ru/troubleshooting\"]}]},{\"tab\":\"Развертывание\",\"groups\":[{\"group\":\"Развертывание\",\"pages\":[\"ru/third-party-integrations\",\"ru/amazon-bedrock\",\"ru/google-vertex-ai\",\"ru/microsoft-foundry\",\"ru/network-config\",\"ru/llm-gateway\",\"ru/devcontainer\"]}]},{\"tab\":\"Администрирование\",\"groups\":[{\"group\":\"Администрирование\",\"pages\":[\"ru/setup\",\"ru/authentication\",\"ru/security\",\"ru/server-managed-settings\",\"ru/data-usage\",\"ru/monitoring-usage\",\"ru/costs\",\"ru/analytics\",\"ru/plugin-marketplaces\"]}]},{\"tab\":\"Конфигурация\",\"groups\":[{\"group\":\"Конфигурация\",\"pages\":[\"ru/settings\",\"ru/permissions\",\"ru/sandboxing\",\"ru/terminal-config\",\"ru/model-config\",\"ru/fast-mode\",\"ru/memory\",\"ru/statusline\",\"ru/keybindings\"]}]},{\"tab\":\"Справочник\",\"groups\":[{\"group\":\"Справочник\",\"pages\":[\"ru/cli-reference\",\"ru/interactive-mode\",\"ru/checkpointing\",\"ru/hooks\",\"ru/plugins-reference\"]}]},{\"tab\":\"Ресурсы\",\"groups\":[{\"group\":\"Ресурсы\",\"pages\":[\"ru/legal-and-compliance\"]}]}]},{\"language\":\"id\",\"tabs\":[{\"tab\":\"Memulai\",\"groups\":[{\"group\":\"Memulai\",\"pages\":[\"id/overview\",\"id/quickstart\",\"id/changelog\"]},{\"group\":\"Konsep Inti\",\"pages\":[\"id/how-claude-code-works\",\"id/features-overview\",\"id/common-workflows\",\"id/best-practices\"]},{\"group\":\"Platform dan integrasi\",\"pages\":[\"id/claude-code-on-the-web\",\"id/desktop\",\"id/chrome\",\"id/vs-code\",\"id/jetbrains\",\"id/github-actions\",\"id/gitlab-ci-cd\",\"id/slack\"]}]},{\"tab\":\"Bangun dengan Claude Code\",\"groups\":[{\"group\":\"Bangun dengan Claude Code\",\"pages\":[\"id/sub-agents\",\"id/agent-teams\",\"id/plugins\",\"id/discover-plugins\",\"id/skills\",\"id/output-styles\",\"id/hooks-guide\",\"id/headless\",\"id/mcp\",\"id/troubleshooting\"]}]},{\"tab\":\"Penerapan\",\"groups\":[{\"group\":\"Penerapan\",\"pages\":[\"id/third-party-integrations\",\"id/amazon-bedrock\",\"id/google-vertex-ai\",\"id/microsoft-foundry\",\"id/network-config\",\"id/llm-gateway\",\"id/devcontainer\"]}]},{\"tab\":\"Administrasi\",\"groups\":[{\"group\":\"Administrasi\",\"pages\":[\"id/setup\",\"id/authentication\",\"id/security\",\"id/server-managed-settings\",\"id/data-usage\",\"id/monitoring-usage\",\"id/costs\",\"id/analytics\",\"id/plugin-marketplaces\"]}]},{\"tab\":\"Konfigurasi\",\"groups\":[{\"group\":\"Konfigurasi\",\"pages\":[\"id/settings\",\"id/permissions\",\"id/sandboxing\",\"id/terminal-config\",\"id/model-config\",\"id/fast-mode\",\"id/memory\",\"id/statusline\",\"id/keybindings\"]}]},{\"tab\":\"Referensi\",\"groups\":[{\"group\":\"Referensi\",\"pages\":[\"id/cli-reference\",\"id/interactive-mode\",\"id/checkpointing\",\"id/hooks\",\"id/plugins-reference\"]}]},{\"tab\":\"Sumber Daya\",\"groups\":[{\"group\":\"Sumber Daya\",\"pages\":[\"id/legal-and-compliance\"]}]}]},{\"language\":\"pt-BR\",\"tabs\":[{\"tab\":\"Primeiros passos\",\"groups\":[{\"group\":\"Primeiros passos\",\"pages\":[\"pt/overview\",\"pt/quickstart\",\"pt/changelog\"]},{\"group\":\"Conceitos principais\",\"pages\":[\"pt/how-claude-code-works\",\"pt/features-overview\",\"pt/common-workflows\",\"pt/best-practices\"]},{\"group\":\"Plataformas e integrações\",\"pages\":[\"pt/claude-code-on-the-web\",\"pt/desktop\",\"pt/chrome\",\"pt/vs-code\",\"pt/jetbrains\",\"pt/github-actions\",\"pt/gitlab-ci-cd\",\"pt/slack\"]}]},{\"tab\":\"Construir com Claude Code\",\"groups\":[{\"group\":\"Construir com Claude Code\",\"pages\":[\"pt/sub-agents\",\"pt/agent-teams\",\"pt/plugins\",\"pt/discover-plugins\",\"pt/skills\",\"pt/output-styles\",\"pt/hooks-guide\",\"pt/headless\",\"pt/mcp\",\"pt/troubleshooting\"]}]},{\"tab\":\"Implantação\",\"groups\":[{\"group\":\"Implantação\",\"pages\":[\"pt/third-party-integrations\",\"pt/amazon-bedrock\",\"pt/google-vertex-ai\",\"pt/microsoft-foundry\",\"pt/network-config\",\"pt/llm-gateway\",\"pt/devcontainer\"]}]},{\"tab\":\"Administração\",\"groups\":[{\"group\":\"Administração\",\"pages\":[\"pt/setup\",\"pt/authentication\",\"pt/security\",\"pt/server-managed-settings\",\"pt/data-usage\",\"pt/monitoring-usage\",\"pt/costs\",\"pt/analytics\",\"pt/plugin-marketplaces\"]}]},{\"tab\":\"Configuração\",\"groups\":[{\"group\":\"Configuração\",\"pages\":[\"pt/settings\",\"pt/permissions\",\"pt/sandboxing\",\"pt/terminal-config\",\"pt/model-config\",\"pt/fast-mode\",\"pt/memory\",\"pt/statusline\",\"pt/keybindings\"]}]},{\"tab\":\"Referência\",\"groups\":[{\"group\":\"Referência\",\"pages\":[\"pt/cli-reference\",\"pt/interactive-mode\",\"pt/checkpointing\",\"pt/hooks\",\"pt/plugins-reference\"]}]},{\"tab\":\"Recursos\",\"groups\":[{\"group\":\"Recursos\",\"pages\":[\"pt/legal-and-compliance\"]}]}]}]},\"footer\":{\"socials\":{\"x\":\"https://x.com/AnthropicAI\",\"linkedin\":\"https://www.linkedin.com/company/anthropicresearch\"},\"links\":[{\"header\":\"Company\",\"items\":[{\"label\":\"Anthropic\",\"href\":\"https://www.anthropic.com/company\"},{\"label\":\"Careers\",\"href\":\"https://www.anthropic.com/careers\"},{\"label\":\"Economic Futures\",\"href\":\"https://www.anthropic.com/economic-futures\"},{\"label\":\"Research\",\"href\":\"https://www.anthropic.com/research\"},{\"label\":\"News\",\"href\":\"https://www.anthropic.com/news\"},{\"label\":\"Trust center\",\"href\":\"https://trust.anthropic.com/\"},{\"label\":\"Transparency\",\"href\":\"https://www.anthropic.com/transparency\"}]},{\"header\":\"Help and security\",\"items\":[{\"label\":\"Availability\",\"href\":\"https://www.anthropic.com/supported-countries\"},{\"label\":\"Status\",\"href\":\"https://status.anthropic.com/\"},{\"label\":\"Support center\",\"href\":\"https://support.claude.com/\"}]},{\"header\":\"Learn\",\"items\":[{\"label\":\"Courses\",\"href\":\"https://www.anthropic.com/learn\"},{\"label\":\"MCP connectors\",\"href\":\"https://claude.com/partners/mcp\"},{\"label\":\"Customer stories\",\"href\":\"https://www.claude.com/customers\"},{\"label\":\"Engineering blog\",\"href\":\"https://www.anthropic.com/engineering\"},{\"label\":\"Events\",\"href\":\"https://www.anthropic.com/events\"},{\"label\":\"Powered by Claude\",\"href\":\"https://claude.com/partners/powered-by-claude\"},{\"label\":\"Service partners\",\"href\":\"https://claude.com/partners/services\"},{\"label\":\"Startups program\",\"href\":\"https://claude.com/programs/startups\"}]},{\"header\":\"Terms and policies\",\"items\":[{\"label\":\"Privacy policy\",\"href\":\"https://www.anthropic.com/legal/privacy\"},{\"label\":\"Disclosure policy\",\"href\":\"https://www.anthropic.com/responsible-disclosure-policy\"},{\"label\":\"Usage policy\",\"href\":\"https://www.anthropic.com/legal/aup\"},{\"label\":\"Commercial terms\",\"href\":\"https://www.anthropic.com/legal/commercial-terms\"},{\"label\":\"Consumer terms\",\"href\":\"https://www.anthropic.com/legal/consumer-terms\"}]}]},\"seo\":{\"metatags\":{\"canonical\":\"https://code.claude.com/docs\"}},\"fonts\":{\"family\":\"Anthropic Sans\"},\"redirects\":[{\"source\":\"/en/iam\",\"destination\":\"/en/authentication\",\"permanent\":true},{\"source\":\"/en/cli-usage\",\"destination\":\"/en/cli-reference\",\"permanent\":true},{\"source\":\"/en/ide-integrations\",\"destination\":\"/en/vs-code\",\"permanent\":true},{\"source\":\"/en/tutorials\",\"destination\":\"/en/common-workflows\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/tutorials\",\"destination\":\"/en/common-workflows\",\"permanent\":true},{\"source\":\"/en/team\",\"destination\":\"/en/authentication\",\"permanent\":true},{\"source\":\"/en/corporate-proxy\",\"destination\":\"/en/network-config\",\"permanent\":true},{\"source\":\"/en/sdk/sdk-headless\",\"destination\":\"/en/headless\",\"permanent\":true},{\"source\":\"/s/claude-code-github-actions\",\"destination\":\"/en/github-actions\",\"permanent\":false},{\"source\":\"/s/claude-code-ide-integrations\",\"destination\":\"/en/ide-integrations\",\"permanent\":false},{\"source\":\"/s/claude-code-worktrees\",\"destination\":\"/en/common-workflows#run-parallel-claude-code-sessions-with-git-worktrees\",\"permanent\":false},{\"source\":\"/s/claude-code-troubleshooting\",\"destination\":\"/en/troubleshooting\",\"permanent\":false},{\"source\":\"/s/claude-code-auto-updater\",\"destination\":\"/en/settings#auto-updater-permission-options\",\"permanent\":false},{\"source\":\"/s/claude-code-mcp\",\"destination\":\"/en/mcp\",\"permanent\":false},{\"source\":\"/s/claude-code-cost\",\"destination\":\"/en/costs\",\"permanent\":false},{\"source\":\"/s/claude-code\",\"destination\":\"/en/overview\",\"permanent\":false},{\"source\":\"/s/claude-code-security\",\"destination\":\"/en/security\",\"permanent\":false},{\"source\":\"/en/agents-and-tools/claude-code/overview\",\"destination\":\"/en/overview\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/common-workflows\",\"destination\":\"/en/common-workflows\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/troubleshooting\",\"destination\":\"/en/troubleshooting\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/overview#notification-setup\",\"destination\":\"/en/setup#notification-setup\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/bedrock-vertex\",\"destination\":\"/en/third-party-integrations\",\"permanent\":true},{\"source\":\"/en/bedrock-vertex\",\"destination\":\"/en/third-party-integrations\",\"permanent\":true},{\"source\":\"/s/claude-code-enterprise-setup\",\"destination\":\"/en/third-party-integrations\",\"permanent\":false},{\"source\":\"/en/bedrock-vertex-proxies\",\"destination\":\"/en/third-party-integrations\",\"permanent\":true},{\"source\":\"/en/getting-started\",\"destination\":\"/en/setup\",\"permanent\":true},{\"source\":\"/en/subagents\",\"destination\":\"/en/sub-agents\",\"permanent\":true},{\"source\":\"/en/azure-ai-foundry\",\"destination\":\"/en/microsoft-foundry\",\"permanent\":true},{\"source\":\"/en/sdk/migration-guide\",\"destination\":\"https://platform.claude.com/docs/en/agent-sdk/migration-guide\",\"permanent\":true},{\"source\":\"/en/slash-commands\",\"destination\":\"/en/skills\",\"permanent\":true}],\"contextual\":{\"options\":[\"copy\",\"view\",\"claude\"],\"display\":\"header\"},\"styling\":{\"latex\":true}},\"mdxExtracts\":\"$1a:props:children:props:value:mdxExtracts\",\"apiReferenceData2\":\"$undefined\",\"children\":\"$L30\"}]}]}]\n"])</script><script>self.__next_f.push([1,"31:I[36505,[],\"IconMark\"]\n"])</script><script>self.__next_f.push([1,"32:I[97870,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"TabSyncContextProvider\"]\n"])</script><script>self.__next_f.push([1,"33:I[45165,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"\"]\n"])</script><script>self.__next_f.push([1,"34:I[42080,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"FooterAndSidebarScrollScript\",1]\n"])</script><script>self.__next_f.push([1,"35:I[91153,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"Background\",1]\n"])</script><script>self.__next_f.push([1,"23:[\"$\",\"meta\",\"23\",{\"name\":\"twitter:image:width\",\"content\":\"1200\"}]\n24:[\"$\",\"meta\",\"24\",{\"name\":\"twitter:image:height\",\"content\":\"630\"}]\n25:[\"$\",\"link\",\"25\",{\"rel\":\"apple-touch-icon\",\"href\":\"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/apple-touch-icon.png\",\"type\":\"image/png\",\"sizes\":\"180x180\",\"media\":\"$undefined\"}]\n26:[\"$\",\"link\",\"26\",{\"rel\":\"icon\",\"href\":\"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/favicon-16x16.png\",\"type\":\"image/png\",\"sizes\":\"16x16\",\"media\":\"(prefers-color-scheme: light)\"}]\n27:[\"$\",\"link\",\"27\",{\"rel\":\"icon\",\"href\":\"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/favicon-32x32.png\",\"type\":\"image/png\",\"sizes\":\"32x32\",\"media\":\"(prefers-color-scheme: light)\"}]\n28:[\"$\",\"link\",\"28\",{\"rel\":\"shortcut icon\",\"href\":\"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"$undefined\",\"media\":\"(prefers-color-scheme: light)\"}]\n29:[\"$\",\"link\",\"29\",{\"rel\":\"icon\",\"href\":\"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon-dark/favicon-16x16.png\",\"type\":\"image/png\",\"sizes\":\"16x16\",\"media\":\"(prefers-color-scheme: dark)\"}]\n2a:[\"$\",\"link\",\"30\",{\"rel\":\"icon\",\"href\":\"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon-dark/favicon-32x32.png\",\"type\":\"image/png\",\"sizes\":\"32x32\",\"media\":\"(prefers-color-scheme: dark)\"}]\n2b:[\"$\",\"link\",\"31\",{\"rel\":\"shortcut icon\",\"href\":\"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon-dark/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"$undefined\",\"media\":\"(prefers-color-scheme: dark)\"}]\n2c:[\"$\",\"$L31\",\"32\",{}]\n36:T1126,"])</script><script>self.__next_f.push([1,"\n/* These styles mirror our design system (converted to plain CSS with Claude's help) from https://ui.product.ant.dev/button */\n\n/* Base button styles */\n.btn {\n position: relative;\n display: inline-flex;\n gap: 0.5rem;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n min-width: 5rem;\n height: 2.25rem;\n padding: 0.5rem 1rem;\n white-space: nowrap;\n font-family: Styrene;\n font-weight: 600;\n border-radius: 0.5rem;\n \u0026:active {\n transform: scale(0.985);\n }\n\n /* Size variants */\n \u0026.size-xs {\n height: 1.75rem;\n min-width: 3.5rem;\n padding: 0 0.5rem;\n border-radius: 0.25rem;\n font-size: 0.75rem;\n gap: 0.25rem;\n }\n \n \u0026.size-sm {\n height: 2rem;\n min-width: 4rem;\n padding: 0 0.75rem;\n border-radius: 0.375rem;\n font-size: 0.75rem;\n }\n\n \u0026.size-lg {\n height: 2.75rem;\n min-width: 6rem;\n padding: 0 1.25rem;\n border-radius: 0.6rem;\n }\n\n \u0026:disabled {\n pointer-events: none;\n opacity: 0.5;\n box-shadow: none;\n }\n\n \u0026:focus-visible {\n outline: none;\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow);\n }\n\n /* Primary variant */\n \u0026.primary {\n font-weight: 600;\n color: hsl(var(--oncolor-100));\n background-color: hsl(var(--accent-main-100));\n background-image: linear-gradient(\n to right,\n hsl(var(--accent-main-100)) 0%,\n hsl(var(--accent-main-200) / 0.5) 50%,\n hsl(var(--accent-main-200)) 100%\n );\n background-size: 200% 100%;\n background-position: 0% 0%;\n border: 0.5px solid hsl(var(--border-300) / 0.25);\n box-shadow: \n inset 0 0.5px 0px rgba(255, 255, 0, 0.15),\n 0 1px 1px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px 2px rgb(0 0 0 / 10%);\n transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n\n \u0026:hover {\n background-position: 100% 0%;\n background-image: linear-gradient(\n to right,\n hsl(var(--accent-main-200)) 0%,\n hsl(var(--accent-main-200)) 100%\n );\n }\n\n \u0026:active {\n background-color: hsl(var(--accent-main-000));\n box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.2);\n transform: scale(0.985);\n }\n }\n\n /* Flat variant */\n \u0026.flat {\n font-weight: 500;\n color: hsl(var(--oncolor-100));\n background-color: hsl(var(--accent-main-100));\n transition: background-color 150ms;\n\n \u0026:hover {\n background-color: hsl(var(--accent-main-200));\n }\n }\n\n /* Secondary variant */\n \u0026.secondary {\n font-weight: 600;\n color: hsl(var(--text-100) / 0.9);\n background-image: radial-gradient(\n ellipse at center,\n hsl(var(--bg-500) / 0.1) 50%,\n hsl(var(--bg-500) / 0.3) 100%\n );\n border: 0.5px solid hsl(var(--border-400));\n transition: color 150ms, background-color 150ms;\n\n \u0026:hover {\n color: hsl(var(--text-000));\n background-color: hsl(var(--bg-500) / 0.6);\n }\n\n \u0026:active {\n background-color: hsl(var(--bg-500) / 0.5);\n }\n }\n\n /* Outline variant */\n \u0026.outline {\n font-weight: 600;\n color: hsl(var(--text-200));\n background-color: transparent;\n border: 1.5px solid currentColor;\n transition: color 150ms, background-color 150ms;\n\n \u0026:hover {\n color: hsl(var(--text-100));\n background-color: hsl(var(--bg-400));\n border-color: hsl(var(--bg-400));\n }\n }\n\n /* Ghost variant */\n \u0026.ghost {\n color: hsl(var(--text-200));\n border-color: transparent;\n transition: color 150ms, background-color 150ms;\n\n \u0026:hover {\n color: hsl(var(--text-100));\n background-color: hsl(var(--bg-500) / 0.4);\n }\n\n \u0026:active {\n background-color: hsl(var(--bg-400));\n }\n }\n\n /* Underline variant */\n \u0026.underline {\n opacity: 0.8;\n text-decoration-line: none;\n text-underline-offset: 3px;\n transition: all 150ms;\n\n \u0026:hover {\n opacity: 1;\n text-decoration-line: underline;\n }\n\n \u0026:active {\n transform: scale(0.985);\n }\n }\n\n /* Danger variant */\n \u0026.danger {\n font-weight: 600;\n color: hsl(var(--oncolor-100));\n background-color: hsl(var(--danger-100));\n transition: background-color 150ms;\n\n \u0026:hover {\n background-color: hsl(var(--danger-200));\n }\n }\n}\n"])</script><script>self.__next_f.push([1,"30:[\"$\",\"$L32\",null,{\"children\":[[\"$\",\"$L33\",null,{\"id\":\"_mintlify-page-mode-script\",\"strategy\":\"beforeInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"document.documentElement.setAttribute('data-page-mode', 'none');\"}}],[\"$\",\"$L34\",null,{\"theme\":\"mint\"}],[\"$\",\"$L35\",null,{\"docsConfig\":\"$1a:props:children:props:children:props:docsConfig\",\"pageMetadata\":\"$1a:props:children:props:value:pageMetadata\"}],[[\"$\",\"style\",\"0\",{\"data-custom-css-index\":0,\"data-custom-css-path\":\"button.css\",\"dangerouslySetInnerHTML\":{\"__html\":\"$36\"}}],\"$L37\"],\"$L38\",\"$L39\"]}]\n"])</script><script>self.__next_f.push([1,"3b:I[14162,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"CustomJsFiles\"]\n"])</script><script>self.__next_f.push([1,"3d:I[70715,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"MDXContentController\",1]\n"])</script><script>self.__next_f.push([1,"3e:I[59646,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"default\",1]\n"])</script><script>self.__next_f.push([1,"3a:T4521,"])</script><script>self.__next_f.push([1,"/* Anthropic Sans - Static fonts from assets.claude.ai */\n@font-face {\n font-family: \"Anthropic Sans\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSans-Text-Regular-Static.otf\") format(\"opentype\");\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Sans\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSans-Text-RegularItalic-Static.otf\") format(\"opentype\");\n font-weight: 400;\n font-style: italic;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Sans\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSans-Text-Medium-Static.otf\") format(\"opentype\");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Sans\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSans-Text-MediumItalic-Static.otf\") format(\"opentype\");\n font-weight: 500;\n font-style: italic;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Sans\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSans-Text-Semibold-Static.otf\") format(\"opentype\");\n font-weight: 600;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Sans\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSans-Text-SemiboldItalic-Static.otf\") format(\"opentype\");\n font-weight: 600;\n font-style: italic;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Sans\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSans-Text-Bold-Static.otf\") format(\"opentype\");\n font-weight: 700;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Sans\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSans-Text-BoldItalic-Static.otf\") format(\"opentype\");\n font-weight: 700;\n font-style: italic;\n font-display: swap;\n}\n\n/* Anthropic Serif Display - for headlines */\n@font-face {\n font-family: \"Anthropic Serif Display\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Display-Regular-Static.otf\") format(\"opentype\");\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif Display\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Display-RegularItalic-Static.otf\") format(\"opentype\");\n font-weight: 400;\n font-style: italic;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif Display\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Display-Medium-Static.otf\") format(\"opentype\");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif Display\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Display-Semibold-Static.otf\") format(\"opentype\");\n font-weight: 600;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif Display\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Display-Bold-Static.otf\") format(\"opentype\");\n font-weight: 700;\n font-style: normal;\n font-display: swap;\n}\n\n/* Anthropic Serif - Static fonts from assets.claude.ai */\n@font-face {\n font-family: \"Anthropic Serif\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Text-Regular-Static.otf\") format(\"opentype\");\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Text-RegularItalic-Static.otf\") format(\"opentype\");\n font-weight: 400;\n font-style: italic;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Text-Medium-Static.otf\") format(\"opentype\");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Text-MediumItalic-Static.otf\") format(\"opentype\");\n font-weight: 500;\n font-style: italic;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Text-Semibold-Static.otf\") format(\"opentype\");\n font-weight: 600;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Text-SemiboldItalic-Static.otf\") format(\"opentype\");\n font-weight: 600;\n font-style: italic;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Text-Bold-Static.otf\") format(\"opentype\");\n font-weight: 700;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Text-BoldItalic-Static.otf\") format(\"opentype\");\n font-weight: 700;\n font-style: italic;\n font-display: swap;\n}\n\n/* Color variables copied from https://github.com/anthropics/apps/blob/main/packages/ui/themes/generated/theme-colors.css */\n:root {\n --always-white: 0 0% 100%;\n --always-black: 0 0% 0%;\n --constant-book-cloth: 15 55% 80%;\n --constant-clay: 15 60% 85%;\n --constant-kraft: 25 40% 83%;\n --constant-manilla: 40 20% 92%;\n --constant-slate-000: 0 0% 100%;\n --constant-slate-050: 48 33.3% 97.1%;\n --constant-slate-100: 53 28.6% 94.5%;\n --constant-slate-150: 48 25% 92.2%;\n --constant-slate-200: 50 20.7% 88.6%;\n --constant-slate-250: 51 16.5% 84.5%;\n --constant-slate-300: 50 11.5% 79.6%;\n --constant-slate-350: 50 9% 73.7%;\n --constant-slate-400: 49 6.5% 66.9%;\n --constant-slate-450: 48 4.8% 59.2%;\n --constant-slate-500: 53 3.2% 51.4%;\n --constant-slate-550: 51 3.1% 43.7%;\n --constant-slate-600: 48 2.7% 35.9%;\n --constant-slate-650: 48 3.4% 29.2%;\n --constant-slate-700: 60 2.5% 23.3%;\n --constant-slate-750: 60 2.1% 18.4%;\n --constant-slate-800: 60 2.7% 14.5%;\n --constant-slate-850: 30 3.3% 11.8%;\n --constant-slate-900: 30 4% 9.8%;\n --constant-slate-950: 60 2.6% 7.6%;\n --constant-slate-1000: 60 3.4% 5.7%;\n}\n\n:root:not(.dark) {\n --accent-brand: 15 63.1% 59.6%;\n --accent-main-000: 15 55.6% 52.4%;\n --accent-main-100: 15 55.6% 52.4%;\n --accent-main-200: 15 63.1% 59.6%;\n --accent-main-900: 0 0% 0%;\n --accent-pro-000: 251 34.2% 33.3%;\n --accent-pro-100: 251 40% 45.1%;\n --accent-pro-200: 251 61% 72.2%;\n --accent-pro-900: 253 33.3% 91.8%;\n --accent-secondary-000: 210 73.7% 40.2%;\n --accent-secondary-100: 210 70.9% 51.6%;\n --accent-secondary-200: 210 70.9% 51.6%;\n --accent-secondary-900: 211 72% 90%;\n --bg-000: 0 0% 100%;\n --bg-100: 48 33.3% 97.1%;\n --bg-200: 53 28.6% 94.5%;\n --bg-300: 48 25% 92.2%;\n --bg-400: 50 20.7% 88.6%;\n --bg-500: 50 20.7% 88.6%;\n --border-100: 30 3.3% 11.8%;\n --border-200: 30 3.3% 11.8%;\n --border-300: 30 3.3% 11.8%;\n --border-400: 30 3.3% 11.8%;\n --danger-000: 0 61.4% 22.4%;\n --danger-100: 0 58.6% 34.1%;\n --danger-200: 0 58.6% 34.1%;\n --danger-900: 0 50% 95%;\n --oncolor-100: 0 0% 100%;\n --oncolor-200: 60 6.7% 97.1%;\n --oncolor-300: 60 6.7% 97.1%;\n --text-000: 60 2.6% 7.6%;\n --text-100: 60 2.6% 7.6%;\n --text-200: 60 2.5% 23.3%;\n --text-300: 60 2.5% 23.3%;\n --text-400: 51 3.1% 43.7%;\n --text-500: 51 3.1% 43.7%;\n}\n\n:root.dark {\n --accent-brand: 15 63.1% 59.6%;\n --accent-main-000: 15 55.6% 52.4%;\n --accent-main-100: 15 63.1% 59.6%;\n --accent-main-200: 15 63.1% 59.6%;\n --accent-main-900: 0 0% 0%;\n --accent-pro-000: 251 84.6% 74.5%;\n --accent-pro-100: 251 40.2% 54.1%;\n --accent-pro-200: 251 40% 45.1%;\n --accent-pro-900: 250 25.3% 19.4%;\n --accent-secondary-000: 210 71.1% 62%;\n --accent-secondary-100: 210 70.9% 51.6%;\n --accent-secondary-200: 210 70.9% 51.6%;\n --accent-secondary-900: 210 55.9% 24.6%;\n --bg-000: 60 2.1% 18.4%;\n --bg-100: 60 2.7% 14.5%;\n --bg-200: 30 3.3% 11.8%;\n --bg-300: 60 2.6% 7.6%;\n --bg-400: 60 3.4% 5.7%;\n --bg-500: 60 3.4% 5.7%;\n --border-100: 51 16.5% 84.5%;\n --border-200: 51 16.5% 84.5%;\n --border-300: 51 16.5% 84.5%;\n --border-400: 51 16.5% 84.5%;\n --danger-000: 0 73.1% 66.5%;\n --danger-100: 0 58.6% 34.1%;\n --danger-200: 0 58.6% 34.1%;\n --danger-900: 0 23% 15.6%;\n --oncolor-100: 0 0% 100%;\n --oncolor-200: 60 6.7% 97.1%;\n --oncolor-300: 60 6.7% 97.1%;\n --text-000: 48 33.3% 97.1%;\n --text-100: 48 33.3% 97.1%;\n --text-200: 50 9% 73.7%;\n --text-300: 50 9% 73.7%;\n --text-400: 48 4.8% 59.2%;\n --text-500: 48 4.8% 59.2%;\n}\n\n#home-header {\n font-family: \"Anthropic Sans\", system-ui, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n font-weight: 400 !important;\n font-size: 50px;\n line-height: 1.2;\n margin-bottom: 1rem;\n color: --text-000;\n display: flex;\n align-items: baseline;\n justify-content: center;\n flex-wrap: nowrap;\n}\n\n#localization-select-trigger \u003e :has(img[src*=\"flags\"]) {\n display: none;\n}\n\ndiv[id^=\"localization-select-item\"] \u003e :has(img[src*=\"flags\"]) {\n display: none;\n}\n\n/* Keep home header centered on all screen sizes */\n@media (min-width: 768px) {\n #home-header {\n justify-content: center;\n }\n}\n\n.build-with {\n font-family: \"Anthropic Sans\", system-ui, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n letter-spacing: -0.02em;\n}\n\n.claude-wordmark-wrapper {\n display: inline-flex;\n align-items: baseline;\n margin-left: 10px; /* Space between \"Build with\" and the wordmark */\n}\n\n.claude-wordmark {\n height: 40px; /* Adjust this value to match your desired size */\n width: auto;\n position: relative;\n}\n\n.dark #home-header {\n color: white;\n}\n\n.description-text {\n color: black;\n}\n\n.dark .description-text {\n color: white;\n}\n\n.dark .claude-wordmark {\n filter: invert(1);\n}\n\n:root {\n --bg-color: #f0efea;\n}\n\n.dark {\n --bg-color: #2b2b2b;\n}\n\nbody,\ninput,\n#category-select,\n.dropdown-item,\n#table-of-contents {\n font-family: \"Anthropic Sans\", system-ui, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n}\n\n.eyebrow {\n font-family: \"Anthropic Sans\", system-ui, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n text-transform: uppercase;\n letter-spacing: 0.02rem;\n}\n\n#content-container {\n font-family: \"Anthropic Sans\", system-ui, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n}\n\n#content-container h1,\n#content-container h2,\n#content-container h3,\n#content-container h4,\n#content-container h5,\n#content-container h6 {\n font-family: \"Anthropic Serif Display\", Georgia, \"Times New Roman\", Times, serif;\n font-weight: 400;\n}\n\n#content-container p {\n font-size: 1rem;\n line-height: 1.65rem;\n}\n\n.font-extrabold {\n font-weight: 600 !important;\n}\n\n.wide-table {\n width: 100%;\n overflow-x: auto;\n}\n\n.wide-table table {\n width: 175%;\n margin-bottom: 0;\n}\n\n/* Prompt Library */\n#prompt-library-container {\n margin: 4rem auto;\n max-width: 48rem;\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\n\n.prompt-library-title {\n font-size: 24px;\n text-align: center;\n font-weight: 700;\n color: #1f2937;\n}\n\n.dark .prompt-library-title {\n color: #e5e7eb;\n}\n\n.prompt-library-description {\n margin-top: 1rem;\n text-align: center;\n}\n\n.main-content {\n margin-bottom: 10rem;\n max-width: 64rem;\n margin-left: auto;\n margin-right: auto;\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\n\n.prompt-controllers {\n display: flex;\n gap: 0.5rem;\n}\n\n.prompt-search-container {\n position: relative;\n flex: 1 1 0%;\n}\n\n.prompt-search-icon-container {\n display: flex;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n align-items: center;\n padding-left: 0.75rem;\n}\n\n.prompt-search-icon {\n margin-left: 0.25rem;\n margin-right: 0.75rem;\n flex: none;\n width: 1rem;\n height: 1rem;\n background-color: #6b7280;\n mask-image: url(https://mintlify.b-cdn.net/v6.5.1/solid/magnifying-glass.svg);\n mask-repeat: no-repeat;\n mask-position: center center;\n}\n\ninput.prompt-search-bar {\n display: block;\n height: 2.5rem;\n padding-left: 2.5rem;\n border-radius: 0.75rem;\n border-width: 1px;\n background-color: #ffffff;\n width: 100%;\n color: #111827;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n}\n\n.dark input.prompt-search-bar {\n color: #ffffff;\n background-color: rgb(var(--background-dark));\n border-color: #d1d5db1a;\n}\n\ninput.prompt-search-bar:focus {\n outline-color: rgb(var(--primary));\n}\n\n.dark input.prompt-search-bar:focus {\n outline-color: rgb(var(--primary-light));\n}\n\n.dark .prompt-search-icon {\n background-color: #ffffff80;\n}\n\n#category-select {\n padding-left: 1rem;\n padding-right: 2.5rem;\n height: 2.5rem;\n display: flex;\n align-items: center;\n border-radius: 0.75rem;\n border-width: 1px;\n color: #111827;\n background-color: #ffffff;\n cursor: pointer;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n white-space: nowrap;\n}\n\n.dark #category-select {\n background-color: rgb(var(--background-dark));\n border-color: #d1d5db1a;\n color: #ffffff;\n}\n\n#category-select:hover {\n background-color: #f9fafb;\n}\n\n.dark #category-select:hover {\n background-color: #ffffff0d;\n}\n\n#category-select:focus {\n outline-color: rgb(var(--primary));\n}\n\n.dark #category-select:focus {\n outline-color: rgb(var(--primary-light));\n}\n\n#categories-dropdown {\n top: calc(100% + 4px);\n padding: 0.5rem 0.5rem;\n display: none;\n position: absolute;\n z-index: 10;\n border-radius: 0.75rem;\n border-width: 1px;\n width: 100%;\n color: #111827;\n background-color: #ffffff;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n}\n\n.dark #categories-dropdown {\n background-color: rgb(var(--background-dark));\n border-color: #d1d5db1a;\n color: #ffffff;\n}\n\n#categories-dropdown-clickout {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 0;\n}\n\n.dropdown-icon-container {\n display: flex;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n align-items: center;\n padding-right: 0.25rem;\n}\n\n.dropdown-icon {\n margin-left: 0.25rem;\n margin-right: 0.75rem;\n flex: none;\n width: 0.75rem;\n height: 0.75rem;\n background-color: #6b7280;\n mask-image: url(https://mintlify.b-cdn.net/v6.5.1/solid/caret-down.svg);\n mask-repeat: no-repeat;\n mask-position: center center;\n}\n\n.dark .dropdown-icon {\n background-color: #ffffff80;\n}\n\n#prompts-container {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n gap: 2rem;\n}\n\n.dropdown-item {\n padding: 0.25rem 0.5rem;\n border-radius: 0.375rem;\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n\n.dropdown-item:hover {\n background-color: #f9fafb;\n}\n\n.dark .dropdown-item:hover {\n background-color: #ffffff0d;\n}\n\n.check-icon {\n mask-image: url(https://mintlify.b-cdn.net/v6.5.1/solid/check.svg);\n height: 0.875rem;\n width: 1rem;\n background-color: rgb(var(--primary-light));\n mask-repeat: no-repeat;\n mask-position: center center;\n}\n\n.prompt-card {\n margin: -0.75rem;\n padding: 0.75rem;\n display: flex;\n border-radius: 1rem;\n}\n\n.prompt-card:hover {\n background-color: #03071208;\n}\n\n.dark .prompt-card:hover {\n background-color: #ffffff08;\n}\n\n.prompt-icon-container {\n display: flex;\n flex: none;\n align-items: center;\n justify-content: center;\n margin-right: 1.5rem;\n border-radius: 0.75rem;\n height: 4rem;\n width: 4rem;\n background-color: #cb785c1a;\n}\n\n.prompt-icon {\n height: 1.5rem;\n width: 1.5rem;\n background-color: rgb(var(--primary-light));\n mask-repeat: no-repeat;\n mask-position: center center;\n}\n\n.prompt-title {\n color: rgb(31 41 55);\n font-weight: 600;\n}\n\n.dark .prompt-title {\n color: rgb(229 231 235);\n}\n\n.prompt-description {\n margin-top: 0.25rem;\n}\n\n#prompts-container {\n display: grid;\n margin-top: 2.5rem;\n}\n\n@media (min-width: 640px) {\n #category-select {\n width: 16rem;\n }\n}\n\n@media (min-width: 1024px) {\n #prompts-container {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n\n/* Home page card styling */\n.home-cards-custom {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n grid-template-rows: repeat(2, auto);\n gap: 1.5rem;\n}\n\n.home-cards-custom .card {\n background: transparent;\n border: 0.5px solid hsl(var(--border-300));\n border-radius: 12px;\n padding: 0.25rem;\n}\n\n/* Responsive: change to 2 columns on tablet, single column on mobile */\n@media (max-width: 1024px) {\n .home-cards-custom {\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(3, auto);\n }\n}\n\n@media (max-width: 768px) {\n .home-cards-custom {\n grid-template-columns: 1fr;\n grid-template-rows: repeat(6, auto);\n }\n}\n\n/* Utility classes */\n.relative {\n position: relative;\n}\n\n.flex-1 {\n flex: 1 1 0%;\n}\n\n/* Mermaid diagram styling with graph paper background using Anthropic brand colors */\n.mermaid {\n position: relative;\n background-color: #FDFDFB; /* Very light version of neutral #F0F0EB */\n background-image:\n linear-gradient(rgba(235, 219, 188, .25) 1px, transparent 1px), /* Secondary color #EBDBBC with low opacity */\n linear-gradient(90deg, rgba(235, 219, 188, .25) 1px, transparent 1px),\n linear-gradient(rgba(235, 219, 188, .1) 1px, transparent 1px),\n linear-gradient(90deg, rgba(235, 219, 188, .1) 1px, transparent 1px);\n background-size:\n 20px 20px,\n 20px 20px,\n 4px 4px,\n 4px 4px;\n background-position:\n -1px -1px,\n -1px -1px,\n -1px -1px,\n -1px -1px;\n padding: 20px;\n border-radius: 8px;\n border: 1px solid rgba(235, 219, 188, .4); /* Secondary color border */\n box-shadow: 0 2px 4px rgba(64, 64, 62, 0.08); /* Subtle shadow using #40403E */\n}\n\n.dark .mermaid {\n background-color: #1a1918; /* Dark version maintaining brand tone */\n background-image:\n linear-gradient(rgba(212, 162, 127, .15) 1px, transparent 1px), /* Tertiary color #D4A27F with low opacity */\n linear-gradient(90deg, rgba(212, 162, 127, .15) 1px, transparent 1px),\n linear-gradient(rgba(212, 162, 127, .08) 1px, transparent 1px),\n linear-gradient(90deg, rgba(212, 162, 127, .08) 1px, transparent 1px);\n border: 1px solid rgba(102, 102, 99, .5); /* Using #666663 from brand */\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n}\n"])</script><script>self.__next_f.push([1,"37:[\"$\",\"style\",\"1\",{\"data-custom-css-index\":1,\"data-custom-css-path\":\"style.css\",\"dangerouslySetInnerHTML\":{\"__html\":\"$3a\"}}]\n3c:T3e78,"])</script><script>self.__next_f.push([1,"#!/usr/bin/env node\n\n/**\n * Script to migrate Claude Code documentation from the main docs repo to claude-code-docs repo\n *\n * This script:\n * 1. Copies all Claude Code MDX files from all languages\n * 2. Copies images and snippets referenced by Claude Code docs\n * 3. Copies other necessary files (favicon, styles)\n * 4. Generates a filtered docs.json with only Claude Code content\n */\n\nconst fs = require(\"fs\");\nconst path = require(\"path\");\nconst { execSync } = require(\"child_process\");\n\nconst args = process.argv.slice(2);\n\nif (args.includes(\"--help\") || args.includes(\"-h\")) {\n console.log(\"Usage: node migrate-claude-code-docs.js [options]\");\n console.log(\"\\nOptions:\");\n console.log(\" --help, -h Show this help message\");\n console.log(\" --dry-run Show what would be copied without actually copying\");\n console.log(\"\\nThis script copies Claude Code docs from ~/code/docs to this repo\");\n process.exit(0);\n}\n\nconst DRY_RUN = args.includes(\"--dry-run\");\n\n// Base directories\nconst DOCS_REPO_DIR = path.resolve(process.env.HOME, \"code/docs\");\nconst TARGET_REPO_DIR = __dirname;\n\n// Counters\nlet fileCount = 0;\nlet imageCount = 0;\n\nfunction log(message) {\n console.log(DRY_RUN ? `[DRY RUN] ${message}` : message);\n}\n\nfunction shouldIgnore(name) {\n const ignoreList = [\n \".git\",\n \".gitignore\",\n \"node_modules\",\n \"mint.json\",\n \"deploy.sh\",\n \"package.json\",\n \"package-lock.json\",\n \"CODEOWNERS\",\n \"CLAUDE.md\",\n \"ruff.toml\",\n \"tox.ini\",\n \"script.js\",\n \".DS_Store\",\n \".pytest_cache\",\n \"__pycache__\",\n ];\n\n return ignoreList.includes(name);\n}\n\n/**\n * Copy Claude Code MDX files from all language directories\n */\nfunction copyClaudeCodeDocs() {\n log(\"\\n\" + \"=\".repeat(60));\n log(\"Copying Claude Code documentation files...\");\n log(\"=\".repeat(60) + \"\\n\");\n\n // Find all language directories\n const entries = fs.readdirSync(DOCS_REPO_DIR, { withFileTypes: true });\n const languageDirs = entries.filter(\n (entry) =\u003e\n entry.isDirectory() \u0026\u0026\n !shouldIgnore(entry.name) \u0026\u0026\n ![\"images\", \"fonts\", \"logo\", \"translate\", \"snippets\", \"scripts\", \"components\", \"prompt-library\", \"style-guide\"].includes(\n entry.name,\n ),\n );\n\n for (const langDir of languageDirs) {\n const langCode = langDir.name;\n log(`Processing language: ${langCode}`);\n\n // Copy docs/claude-code directory\n const docsClaudeCodeSrc = path.join(\n DOCS_REPO_DIR,\n langCode,\n \"docs\",\n \"claude-code\",\n );\n if (fs.existsSync(docsClaudeCodeSrc)) {\n const docsClaudeCodeDest = path.join(\n TARGET_REPO_DIR,\n langCode,\n );\n\n if (!DRY_RUN) {\n fs.mkdirSync(docsClaudeCodeDest, { recursive: true });\n execSync(`cp -R \"${docsClaudeCodeSrc}\"/* \"${docsClaudeCodeDest}\"/`);\n }\n\n const files = fs.readdirSync(docsClaudeCodeSrc);\n const mdxFiles = files.filter((f) =\u003e f.endsWith(\".mdx\"));\n fileCount += mdxFiles.length;\n\n log(\n ` ✓ Copied ${mdxFiles.length} files from docs/claude-code to ${langCode}/`,\n );\n } else {\n log(` - No docs/claude-code directory found for ${langCode}`);\n }\n\n // Copy sdk directory if it exists\n const sdkSrc = path.join(\n DOCS_REPO_DIR,\n langCode,\n \"docs\",\n \"claude-code\",\n \"sdk\",\n );\n if (fs.existsSync(sdkSrc)) {\n const sdkDest = path.join(\n TARGET_REPO_DIR,\n langCode,\n \"sdk\",\n );\n\n if (!DRY_RUN) {\n fs.mkdirSync(sdkDest, { recursive: true });\n execSync(`cp -R \"${sdkSrc}\"/* \"${sdkDest}\"/`);\n }\n\n const files = fs.readdirSync(sdkSrc);\n const mdxFiles = files.filter((f) =\u003e f.endsWith(\".mdx\"));\n\n log(` ✓ Copied ${mdxFiles.length} SDK files to ${langCode}/sdk`);\n }\n }\n\n log(`\\nTotal: Copied ${fileCount} MDX files`);\n}\n\n/**\n * Scan MDX files to find all referenced images\n */\nfunction findReferencedImages() {\n const referencedImages = new Set();\n\n // Find all MDX files we just copied\n const findMdxFiles = (dir) =\u003e {\n const files = [];\n if (!fs.existsSync(dir)) return files;\n\n const entries = fs.readdirSync(dir, { withFileTypes: true });\n for (const entry of entries) {\n const fullPath = path.join(dir, entry.name);\n if (entry.isDirectory()) {\n files.push(...findMdxFiles(fullPath));\n } else if (entry.name.endsWith(\".mdx\")) {\n files.push(fullPath);\n }\n }\n return files;\n };\n\n const mdxFiles = findMdxFiles(TARGET_REPO_DIR);\n\n // Scan each MDX file for image references\n for (const mdxFile of mdxFiles) {\n try {\n const content = fs.readFileSync(mdxFile, \"utf8\");\n // Match /images/filename patterns\n const imageMatches = content.match(/\\/images\\/[^\\s)\"\\]]+/g);\n if (imageMatches) {\n imageMatches.forEach((match) =\u003e {\n // Remove leading slash and extract just the filename\n const imagePath = match.replace(/^\\/images\\//, \"\");\n referencedImages.add(imagePath);\n });\n }\n } catch (error) {\n console.error(`Error reading ${mdxFile}:`, error.message);\n }\n }\n\n return Array.from(referencedImages);\n}\n\n/**\n * Copy only images referenced by Claude Code docs\n */\nfunction copyImages() {\n log(\"\\n\" + \"=\".repeat(60));\n log(\"Copying images...\");\n log(\"=\".repeat(60) + \"\\n\");\n\n const imagesSrc = path.join(DOCS_REPO_DIR, \"images\");\n const imagesDest = path.join(TARGET_REPO_DIR, \"images\");\n\n if (!fs.existsSync(imagesSrc)) {\n log(\"No images directory found.\");\n return;\n }\n\n // Find which images are actually referenced\n const referencedImages = findReferencedImages();\n\n if (referencedImages.length === 0) {\n log(\"No images referenced in Claude Code docs.\");\n return;\n }\n\n if (!DRY_RUN) {\n fs.mkdirSync(imagesDest, { recursive: true });\n }\n\n imageCount = 0;\n for (const imagePath of referencedImages) {\n const srcPath = path.join(imagesSrc, imagePath);\n const destPath = path.join(imagesDest, imagePath);\n\n if (fs.existsSync(srcPath)) {\n if (!DRY_RUN) {\n fs.copyFileSync(srcPath, destPath);\n }\n imageCount++;\n log(` ✓ Copied ${imagePath}`);\n } else {\n log(` ⚠ Image not found: ${imagePath}`);\n }\n }\n\n log(`\\n✓ Copied ${imageCount} referenced images (out of ${referencedImages.length} found)`);\n}\n\n/**\n * Copy workflows from .github directory\n */\nfunction copyWorkflows() {\n // Workflows are not migrated - they should be managed separately in this repo\n log(\"\\n\" + \"=\".repeat(60));\n log(\"Skipping workflows (managed separately)...\");\n log(\"=\".repeat(60) + \"\\n\");\n}\n\n/**\n * Copy scripts directory\n */\nfunction copyScripts() {\n // Scripts are not migrated - they should be managed separately in this repo\n log(\"\\n\" + \"=\".repeat(60));\n log(\"Skipping scripts (managed separately)...\");\n log(\"=\".repeat(60) + \"\\n\");\n}\n\n/**\n * Generate filtered docs.json with only Claude Code content\n */\nfunction generateDocsJson() {\n log(\"\\n\" + \"=\".repeat(60));\n log(\"Generating filtered docs.json...\");\n log(\"=\".repeat(60) + \"\\n\");\n\n const docsJsonSrc = path.join(DOCS_REPO_DIR, \"docs.json\");\n const docsJsonDest = path.join(TARGET_REPO_DIR, \"docs.json\");\n\n if (!fs.existsSync(docsJsonSrc)) {\n log(\"Error: docs.json not found in source repo\");\n return;\n }\n\n const docsData = JSON.parse(fs.readFileSync(docsJsonSrc, \"utf8\"));\n\n // Filter navigation to only Claude Code content\n const filteredNavigation = {\n languages: [],\n };\n\n docsData.navigation.languages.forEach((langVersion) =\u003e {\n const languageCode = langVersion.language;\n\n // Find Claude Code tab\n const claudeCodeTab = langVersion.tabs.find((tab) =\u003e tab.tab === \"Claude Code\");\n\n if (!claudeCodeTab) {\n log(` - No Claude Code tab found for language: ${languageCode}`);\n return;\n }\n\n // Find Admin API tab and filter to only Claude Code endpoints\n let adminApiClaudeCodeGroup = null;\n const adminApiTab = langVersion.tabs.find((tab) =\u003e tab.tab === \"Admin API\");\n\n if (adminApiTab) {\n // Find the Claude Code group within Admin API\n const findClaudeCodeGroup = (groups) =\u003e {\n for (const group of groups) {\n if (group.group === \"Claude Code\") {\n return group;\n }\n if (group.pages) {\n for (const page of group.pages) {\n if (typeof page === \"object\" \u0026\u0026 page.group === \"Claude Code\") {\n return page;\n }\n }\n }\n }\n return null;\n };\n\n if (adminApiTab.groups) {\n adminApiClaudeCodeGroup = findClaudeCodeGroup(adminApiTab.groups);\n }\n }\n\n // Convert each group in Claude Code tab into its own tab\n const tabs = [];\n\n if (claudeCodeTab.groups) {\n claudeCodeTab.groups.forEach((group) =\u003e {\n tabs.push({\n tab: group.group,\n groups: [\n {\n group: group.group,\n pages: group.pages || [],\n },\n ],\n });\n });\n }\n\n // Add Admin API tab if Claude Code endpoints exist\n if (adminApiClaudeCodeGroup) {\n tabs.push({\n tab: adminApiTab.tab,\n groups: [adminApiClaudeCodeGroup],\n });\n }\n\n // Create filtered language entry\n const filteredLangVersion = {\n language: languageCode,\n tabs: tabs,\n };\n\n filteredNavigation.languages.push(filteredLangVersion);\n log(` ✓ Filtered navigation for language: ${languageCode} (${tabs.length} tabs)`);\n });\n\n // Create new docs.json with filtered content\n const filteredDocsJson = {\n ...docsData,\n name: \"Claude Code Docs\",\n navigation: filteredNavigation,\n };\n\n // Remove banner if it exists (not relevant to Claude Code docs)\n delete filteredDocsJson.banner;\n\n // Filter redirects to only include Claude Code-related redirects\n if (filteredDocsJson.redirects) {\n filteredDocsJson.redirects = filteredDocsJson.redirects.filter(\n (redirect) =\u003e redirect.source.includes(\"claude-code\")\n );\n log(` ✓ Filtered to ${filteredDocsJson.redirects.length} Claude Code redirects`);\n }\n\n // Function to recursively update paths to remove /docs/claude-code/ and /claude-code/ subdirectories\n function updatePaths(obj) {\n if (typeof obj === 'string') {\n // Replace /docs/claude-code/ with / for all language codes\n let updated = obj.replace(/(^|\\/)((en|fr|de|it|ja|es|ko|zh-CN|zh-TW|ru|id|pt))\\/docs\\/claude-code\\//g, '$1$2/');\n // Also replace /claude-code/ with / for all language codes (for paths that don't have /docs/)\n updated = updated.replace(/(^|\\/)((en|fr|de|it|ja|es|ko|zh-CN|zh-TW|ru|id|pt))\\/claude-code\\//g, '$1$2/');\n return updated;\n } else if (Array.isArray(obj)) {\n return obj.map(updatePaths);\n } else if (obj !== null \u0026\u0026 typeof obj === 'object') {\n const updated = {};\n for (const [key, value] of Object.entries(obj)) {\n updated[key] = updatePaths(value);\n }\n return updated;\n }\n return obj;\n }\n\n // Update all paths in the docs.json to reflect the flattened structure\n const updatedDocsJson = updatePaths(filteredDocsJson);\n\n if (!DRY_RUN) {\n fs.writeFileSync(\n docsJsonDest,\n JSON.stringify(updatedDocsJson, null, 2) + \"\\n\",\n );\n }\n\n log(`✓ Generated filtered docs.json with ${filteredNavigation.languages.length} languages`);\n log(`✓ Updated all paths to flatten directory structure`);\n}\n\n/**\n * Scan MDX files to find all referenced snippets\n */\nfunction findReferencedSnippets() {\n const referencedSnippets = new Set();\n\n // Find all MDX files we just copied\n const findMdxFiles = (dir) =\u003e {\n const files = [];\n if (!fs.existsSync(dir)) return files;\n\n const entries = fs.readdirSync(dir, { withFileTypes: true });\n for (const entry of entries) {\n const fullPath = path.join(dir, entry.name);\n if (entry.isDirectory()) {\n files.push(...findMdxFiles(fullPath));\n } else if (entry.name.endsWith(\".mdx\")) {\n files.push(fullPath);\n }\n }\n return files;\n };\n\n const mdxFiles = findMdxFiles(TARGET_REPO_DIR);\n\n // Scan each MDX file for snippet references\n for (const mdxFile of mdxFiles) {\n try {\n const content = fs.readFileSync(mdxFile, \"utf8\");\n // Match snippets/filename.mdx patterns (both with and without leading slash)\n const snippetMatches = content.match(/\\/?snippets\\/[a-zA-Z0-9_-]+\\.mdx/g);\n if (snippetMatches) {\n snippetMatches.forEach((match) =\u003e {\n // Remove leading slash if present\n const snippetPath = match.replace(/^\\/snippets\\//, \"\");\n referencedSnippets.add(snippetPath);\n });\n }\n } catch (error) {\n console.error(`Error reading ${mdxFile}:`, error.message);\n }\n }\n\n return Array.from(referencedSnippets);\n}\n\n/**\n * Copy only snippets referenced by Claude Code docs\n */\nfunction copySnippets() {\n log(\"\\n\" + \"=\".repeat(60));\n log(\"Copying snippets...\");\n log(\"=\".repeat(60) + \"\\n\");\n\n const snippetsSrc = path.join(DOCS_REPO_DIR, \"snippets\");\n const snippetsDest = path.join(TARGET_REPO_DIR, \"snippets\");\n\n if (!fs.existsSync(snippetsSrc)) {\n log(\"No snippets directory found.\");\n return;\n }\n\n // Find which snippets are actually referenced\n const referencedSnippets = findReferencedSnippets();\n\n if (referencedSnippets.length === 0) {\n log(\"No snippets referenced in Claude Code docs.\");\n return;\n }\n\n if (!DRY_RUN) {\n fs.mkdirSync(snippetsDest, { recursive: true });\n }\n\n let snippetCount = 0;\n for (const snippetPath of referencedSnippets) {\n const srcPath = path.join(snippetsSrc, snippetPath);\n const destPath = path.join(snippetsDest, snippetPath);\n\n if (fs.existsSync(srcPath)) {\n if (!DRY_RUN) {\n fs.copyFileSync(srcPath, destPath);\n }\n snippetCount++;\n log(` ✓ Copied ${snippetPath}`);\n } else {\n log(` ⚠ Snippet not found: ${snippetPath}`);\n }\n }\n\n log(`\\n✓ Copied ${snippetCount} referenced snippets (out of ${referencedSnippets.length} found)`);\n}\n\n/**\n * Copy other necessary files (styles, etc.)\n */\nfunction copyOtherFiles() {\n log(\"\\n\" + \"=\".repeat(60));\n log(\"Copying other necessary files...\");\n log(\"=\".repeat(60) + \"\\n\");\n\n const filesToCopy = [\n \"style.css\",\n \"button.css\",\n ];\n\n let copiedCount = 0;\n for (const file of filesToCopy) {\n const src = path.join(DOCS_REPO_DIR, file);\n const dest = path.join(TARGET_REPO_DIR, file);\n\n if (fs.existsSync(src)) {\n if (!DRY_RUN) {\n fs.copyFileSync(src, dest);\n }\n copiedCount++;\n log(` ✓ Copied ${file}`);\n } else {\n log(` - ${file} not found, skipping`);\n }\n }\n\n log(`\\nTotal: Copied ${copiedCount} additional files`);\n}\n\n// Main execution\nfunction main() {\n console.log(\"=\".repeat(60));\n console.log(\"Claude Code Documentation Migration\");\n console.log(\"=\".repeat(60));\n console.log(`Source: ${DOCS_REPO_DIR}`);\n console.log(`Target: ${TARGET_REPO_DIR}`);\n if (DRY_RUN) {\n console.log(\"\\n*** DRY RUN MODE - No files will be modified ***\\n\");\n }\n console.log(\"=\".repeat(60));\n\n // Check if source directory exists\n if (!fs.existsSync(DOCS_REPO_DIR)) {\n console.error(`Error: Source directory not found: ${DOCS_REPO_DIR}`);\n process.exit(1);\n }\n\n // Run migration steps\n copyClaudeCodeDocs();\n copyImages();\n copySnippets();\n copyOtherFiles();\n generateDocsJson();\n\n // Summary\n log(\"\\n\" + \"=\".repeat(60));\n log(\"Migration complete!\");\n log(\"=\".repeat(60));\n log(`✓ Copied ${fileCount} Claude Code MDX files`);\n log(`✓ Copied ${imageCount} images and snippets`);\n log(`✓ Generated filtered docs.json`);\n log(\"=\".repeat(60));\n\n if (DRY_RUN) {\n console.log(\"\\nThis was a dry run. Run without --dry-run to actually copy files.\");\n } else {\n console.log(\"\\nNext steps:\");\n console.log(\"1. Review the migrated content\");\n console.log(\"2. Commit the changes to git\");\n console.log(\"3. Test the documentation site\");\n }\n}\n\nmain();\n"])</script><script>self.__next_f.push([1,"38:[\"$\",\"$L3b\",null,{\"customJsDisabled\":false,\"jsFiles\":[{\"_id\":\"6906005aecd2c7b3d78ac5e4\",\"filePath\":\"migrate-claude-code-docs.js\",\"subdomain\":\"claude-code\",\"__v\":0,\"content\":\"$3c\"}]}]\n3f:T41903,"])</script><script>self.__next_f.push([1,"\"use strict\";\nconst {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n a: \"a\",\n code: \"code\",\n li: \"li\",\n ol: \"ol\",\n p: \"p\",\n pre: \"pre\",\n span: \"span\",\n strong: \"strong\",\n tbody: \"tbody\",\n td: \"td\",\n th: \"th\",\n thead: \"thead\",\n tr: \"tr\",\n ul: \"ul\",\n ..._provideComponents(),\n ...props.components\n }, {CodeBlock, Heading, Note, Step, Steps, Table, Tip, Warning} = _components;\n if (!CodeBlock) _missingMdxReference(\"CodeBlock\", true);\n if (!Heading) _missingMdxReference(\"Heading\", true);\n if (!Note) _missingMdxReference(\"Note\", true);\n if (!Step) _missingMdxReference(\"Step\", true);\n if (!Steps) _missingMdxReference(\"Steps\", true);\n if (!Table) _missingMdxReference(\"Table\", true);\n if (!Tip) _missingMdxReference(\"Tip\", true);\n if (!Warning) _missingMdxReference(\"Warning\", true);\n return _jsxs(_Fragment, {\n children: [_jsxs(_components.p, {\n children: [\"Skills extend what Claude can do. Create a \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" file with instructions, and Claude adds it to its toolkit. Claude uses skills when relevant, or you can invoke one directly with \", _jsx(_components.code, {\n children: \"/skill-name\"\n }), \".\"]\n }), \"\\n\", _jsxs(Note, {\n children: [_jsxs(_components.p, {\n children: [\"For built-in commands like \", _jsx(_components.code, {\n children: \"/help\"\n }), \" and \", _jsx(_components.code, {\n children: \"/compact\"\n }), \", see \", _jsx(_components.a, {\n href: \"/en/interactive-mode#built-in-commands\",\n children: \"interactive mode\"\n }), \".\"]\n }), _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Custom slash commands have been merged into skills.\"\n }), \" A file at \", _jsx(_components.code, {\n children: \".claude/commands/review.md\"\n }), \" and a skill at \", _jsx(_components.code, {\n children: \".claude/skills/review/SKILL.md\"\n }), \" both create \", _jsx(_components.code, {\n children: \"/review\"\n }), \" and work the same way. Your existing \", _jsx(_components.code, {\n children: \".claude/commands/\"\n }), \" files keep working. Skills add optional features: a directory for supporting files, frontmatter to \", _jsx(_components.a, {\n href: \"#control-who-invokes-a-skill\",\n children: \"control whether you or Claude invokes them\"\n }), \", and the ability for Claude to load them automatically when relevant.\"]\n })]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Claude Code skills follow the \", _jsx(_components.a, {\n href: \"https://agentskills.io\",\n children: \"Agent Skills\"\n }), \" open standard, which works across multiple AI tools. Claude Code extends the standard with additional features like \", _jsx(_components.a, {\n href: \"#control-who-invokes-a-skill\",\n children: \"invocation control\"\n }), \", \", _jsx(_components.a, {\n href: \"#run-skills-in-a-subagent\",\n children: \"subagent execution\"\n }), \", and \", _jsx(_components.a, {\n href: \"#inject-dynamic-context\",\n children: \"dynamic context injection\"\n }), \".\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"getting-started\",\n children: \"Getting started\"\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"create-your-first-skill\",\n children: \"Create your first skill\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"This example creates a skill that teaches Claude to explain code using visual diagrams and analogies. Since it uses default frontmatter, Claude can load it automatically when you ask how something works, or you can invoke it directly with \", _jsx(_components.code, {\n children: \"/explain-code\"\n }), \".\"]\n }), \"\\n\", _jsxs(Steps, {\n children: [_jsxs(Step, {\n title: \"Create the skill directory\",\n children: [_jsx(_components.p, {\n children: \"Create a directory for the skill in your personal skills folder. Personal skills are available across all your projects.\"\n }), _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"1\",\n language: \"shellscript\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"shellscript\",\n children: _jsxs(_components.code, {\n language: \"shellscript\",\n numberOfLines: \"1\",\n children: [_jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \"mkdir\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" -p\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" ~/.claude/skills/explain-code\"\n })]\n }), \"\\n\"]\n })\n })\n })]\n }), _jsxs(Step, {\n title: \"Write SKILL.md\",\n children: [_jsxs(_components.p, {\n children: [\"Every skill needs a \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" file with two parts: YAML frontmatter (between \", _jsx(_components.code, {\n children: \"---\"\n }), \" markers) that tells Claude when to use the skill, and markdown content with instructions Claude follows when the skill is invoked. The \", _jsx(_components.code, {\n children: \"name\"\n }), \" field becomes the \", _jsx(_components.code, {\n children: \"/slash-command\"\n }), \", and the \", _jsx(_components.code, {\n children: \"description\"\n }), \" helps Claude decide when to load it automatically.\"]\n }), _jsxs(_components.p, {\n children: [\"Create \", _jsx(_components.code, {\n children: \"~/.claude/skills/explain-code/SKILL.md\"\n }), \":\"]\n }), _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"13\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"13\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"explain-code\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Explains code with visual diagrams and analogies. Use when explaining how code works, teaching about a codebase, or when the user asks \\\"how does this work?\\\"\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"When explaining code, always include\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"1. **Start with an analogy**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Compare the code to something from everyday life\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"2. **Draw a diagram**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Use ASCII art to show the flow, structure, or relationships\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"3. **Walk through the code**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Explain step-by-step what happens\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"4. **Highlight a gotcha**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"What's a common mistake or misconception?\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Keep explanations conversational. For complex concepts, use multiple analogies.\"\n })\n }), \"\\n\"]\n })\n })\n })]\n }), _jsxs(Step, {\n title: \"Test the skill\",\n children: [_jsx(_components.p, {\n children: \"You can test it two ways:\"\n }), _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Let Claude invoke it automatically\"\n }), \" by asking something that matches the description:\"]\n }), _jsx(CodeBlock, {\n numberOfLines: \"2\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"2\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"How does this code work?\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Or invoke it directly\"\n }), \" with the skill name:\"]\n }), _jsx(CodeBlock, {\n numberOfLines: \"2\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"2\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"/explain-code src/auth/login.ts\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), _jsx(_components.p, {\n children: \"Either way, Claude should include an analogy and ASCII diagram in its explanation.\"\n })]\n })]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"where-skills-live\",\n children: \"Where skills live\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Where you store a skill determines who can use it:\"\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Location\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Path\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Applies to\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Enterprise\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"See \", _jsx(_components.a, {\n href: \"/en/permissions#managed-settings\",\n children: \"managed settings\"\n })]\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"All users in your organization\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Personal\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"~/.claude/skills/\u003cskill-name\u003e/SKILL.md\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"All your projects\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Project\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \".claude/skills/\u003cskill-name\u003e/SKILL.md\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"This project only\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Plugin\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"\u003cplugin\u003e/skills/\u003cskill-name\u003e/SKILL.md\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Where plugin is enabled\"\n })]\n })]\n })]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"When skills share the same name across levels, higher-priority locations win: enterprise \u003e personal \u003e project. Plugin skills use a \", _jsx(_components.code, {\n children: \"plugin-name:skill-name\"\n }), \" namespace, so they cannot conflict with other levels. If you have files in \", _jsx(_components.code, {\n children: \".claude/commands/\"\n }), \", those work the same way, but if a skill and a command share the same name, the skill takes precedence.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"4\",\n id: \"automatic-discovery-from-nested-directories\",\n children: \"Automatic discovery from nested directories\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"When you work with files in subdirectories, Claude Code automatically discovers skills from nested \", _jsx(_components.code, {\n children: \".claude/skills/\"\n }), \" directories. For example, if you’re editing a file in \", _jsx(_components.code, {\n children: \"packages/frontend/\"\n }), \", Claude Code also looks for skills in \", _jsx(_components.code, {\n children: \"packages/frontend/.claude/skills/\"\n }), \". This supports monorepo setups where packages have their own skills.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Each skill is a directory with \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" as the entrypoint:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n numberOfLines: \"8\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"8\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"my-skill/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── SKILL.md # Main instructions (required)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── template.md # Template for Claude to fill in\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── examples/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"│ └── sample.md # Example output showing expected format\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"└── scripts/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \" └── validate.sh # Script Claude can execute\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"The \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" contains the main instructions and is required. Other files are optional and let you build more powerful skills: templates for Claude to fill in, example outputs showing the expected format, scripts Claude can execute, or detailed reference documentation. Reference these files from your \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" so Claude knows what they contain and when to load them. See \", _jsx(_components.a, {\n href: \"#add-supporting-files\",\n children: \"Add supporting files\"\n }), \" for more details.\"]\n }), \"\\n\", _jsx(Note, {\n children: _jsxs(_components.p, {\n children: [\"Files in \", _jsx(_components.code, {\n children: \".claude/commands/\"\n }), \" still work and support the same \", _jsx(_components.a, {\n href: \"#frontmatter-reference\",\n children: \"frontmatter\"\n }), \". Skills are recommended since they support additional features like supporting files.\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"4\",\n id: \"skills-from-additional-directories\",\n children: \"Skills from additional directories\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skills defined in \", _jsx(_components.code, {\n children: \".claude/skills/\"\n }), \" within directories added via \", _jsx(_components.code, {\n children: \"--add-dir\"\n }), \" are loaded automatically and picked up by live change detection, so you can edit them during a session without restarting.\"]\n }), \"\\n\", _jsx(Note, {\n children: _jsxs(_components.p, {\n children: [\"CLAUDE.md files from \", _jsx(_components.code, {\n children: \"--add-dir\"\n }), \" directories are not loaded by default. To load them, set \", _jsx(_components.code, {\n children: \"CLAUDE_CODE_ADDITIONAL_DIRECTORIES_CLAUDE_MD=1\"\n }), \". See \", _jsx(_components.a, {\n href: \"/en/memory#load-memory-from-additional-directories\",\n children: \"Load memory from additional directories\"\n }), \".\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"configure-skills\",\n children: \"Configure skills\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skills are configured through YAML frontmatter at the top of \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" and the markdown content that follows.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"types-of-skill-content\",\n children: \"Types of skill content\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Skill files can contain any instructions, but thinking about how you want to invoke them helps guide what to include:\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Reference content\"\n }), \" adds knowledge Claude applies to your current work. Conventions, patterns, style guides, domain knowledge. This content runs inline so Claude can use it alongside your conversation context.\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"9\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"9\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"api-conventions\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"API design patterns for this codebase\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"When writing API endpoints\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Use RESTful naming conventions\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Return consistent error formats\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Include request validation\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Task content\"\n }), \" gives Claude step-by-step instructions for a specific action, like deployments, commits, or code generation. These are often actions you want to invoke directly with \", _jsx(_components.code, {\n children: \"/skill-name\"\n }), \" rather than letting Claude decide when to run them. Add \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" to prevent Claude from triggering it automatically.\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"11\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"11\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"deploy\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Deploy the application to production\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"context\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fork\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"disable-model-invocation\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"true\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Deploy the application\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"1. Run the test suite\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"2. Build the application\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"3. Push to the deployment target\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Your \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" can contain anything, but thinking through how you want the skill invoked (by you, by Claude, or both) and where you want it to run (inline or in a subagent) helps guide what to include. For complex skills, you can also \", _jsx(_components.a, {\n href: \"#add-supporting-files\",\n children: \"add supporting files\"\n }), \" to keep the main skill focused.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"frontmatter-reference\",\n children: \"Frontmatter reference\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Beyond the markdown content, you can configure skill behavior using YAML frontmatter fields between \", _jsx(_components.code, {\n children: \"---\"\n }), \" markers at the top of your \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" file:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"8\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"8\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"my-skill\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"What this skill does\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"disable-model-invocation\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"true\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"allowed-tools\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Read, Grep\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Your skill instructions here...\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"All fields are optional. Only \", _jsx(_components.code, {\n children: \"description\"\n }), \" is recommended so Claude knows when to use the skill.\"]\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Field\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Required\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"name\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Display name for the skill. If omitted, uses the directory name. Lowercase letters, numbers, and hyphens only (max 64 characters).\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"description\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Recommended\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"What the skill does and when to use it. Claude uses this to decide when to apply the skill. If omitted, uses the first paragraph of markdown content.\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"argument-hint\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Hint shown during autocomplete to indicate expected arguments. Example: \", _jsx(_components.code, {\n children: \"[issue-number]\"\n }), \" or \", _jsx(_components.code, {\n children: \"[filename] [format]\"\n }), \".\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"disable-model-invocation\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Set to \", _jsx(_components.code, {\n children: \"true\"\n }), \" to prevent Claude from automatically loading this skill. Use for workflows you want to trigger manually with \", _jsx(_components.code, {\n children: \"/name\"\n }), \". Default: \", _jsx(_components.code, {\n children: \"false\"\n }), \".\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"user-invocable\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Set to \", _jsx(_components.code, {\n children: \"false\"\n }), \" to hide from the \", _jsx(_components.code, {\n children: \"/\"\n }), \" menu. Use for background knowledge users shouldn’t invoke directly. Default: \", _jsx(_components.code, {\n children: \"true\"\n }), \".\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"allowed-tools\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Tools Claude can use without asking permission when this skill is active.\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"model\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Model to use when this skill is active.\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"context\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Set to \", _jsx(_components.code, {\n children: \"fork\"\n }), \" to run in a forked subagent context.\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"agent\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Which subagent type to use when \", _jsx(_components.code, {\n children: \"context: fork\"\n }), \" is set.\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"hooks\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Hooks scoped to this skill’s lifecycle. See \", _jsx(_components.a, {\n href: \"/en/hooks#hooks-in-skills-and-agents\",\n children: \"Hooks in skills and agents\"\n }), \" for configuration format.\"]\n })]\n })]\n })]\n }), \"\\n\", _jsx(Heading, {\n level: \"4\",\n id: \"available-string-substitutions\",\n children: \"Available string substitutions\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Skills support string substitution for dynamic values in the skill content:\"\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Variable\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n })\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"All arguments passed when invoking the skill. If \", _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n }), \" is not present in the content, arguments are appended as \", _jsx(_components.code, {\n children: \"ARGUMENTS: \u003cvalue\u003e\"\n }), \".\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"$ARGUMENTS[N]\"\n })\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Access a specific argument by 0-based index, such as \", _jsx(_components.code, {\n children: \"$ARGUMENTS[0]\"\n }), \" for the first argument.\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"$N\"\n })\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Shorthand for \", _jsx(_components.code, {\n children: \"$ARGUMENTS[N]\"\n }), \", such as \", _jsx(_components.code, {\n children: \"$0\"\n }), \" for the first argument or \", _jsx(_components.code, {\n children: \"$1\"\n }), \" for the second.\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"${CLAUDE_SESSION_ID}\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"The current session ID. Useful for logging, creating session-specific files, or correlating skill output with sessions.\"\n })]\n })]\n })]\n }), \"\\n\", _jsx(_components.p, {\n children: _jsx(_components.strong, {\n children: \"Example using substitutions:\"\n })\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"8\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"8\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"session-logger\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Log activity for this session\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Log the following to logs/${CLAUDE_SESSION_ID}.log\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"$ARGUMENTS\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"add-supporting-files\",\n children: \"Add supporting files\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skills can include multiple files in their directory. This keeps \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" focused on the essentials while letting Claude access detailed reference material only when needed. Large reference docs, API specifications, or example collections don’t need to load into context every time the skill runs.\"]\n }), \"\\n\", _jsx(CodeBlock, {\n numberOfLines: \"7\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"7\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"my-skill/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── SKILL.md (required - overview and navigation)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── reference.md (detailed API docs - loaded when needed)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── examples.md (usage examples - loaded when needed)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"└── scripts/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \" └── helper.py (utility script - executed, not loaded)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Reference supporting files from \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" so Claude knows what each file contains and when to load it:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"4\",\n language: \"markdown\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"markdown\",\n children: _jsxs(_components.code, {\n language: \"markdown\",\n numberOfLines: \"4\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-light-font-weight\": \"bold\",\n \"--shiki-dark\": \"#569CD6\",\n \"--shiki-dark-font-weight\": \"bold\"\n },\n children: \"## Additional resources\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#6796E6\"\n },\n children: \"-\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" For complete API details, see [\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"reference.md\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"](\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-light-text-decoration\": \"underline\",\n \"--shiki-dark\": \"#D4D4D4\",\n \"--shiki-dark-text-decoration\": \"underline\"\n },\n children: \"reference.md\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#6796E6\"\n },\n children: \"-\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" For usage examples, see [\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"examples.md\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"](\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-light-text-decoration\": \"underline\",\n \"--shiki-dark\": \"#D4D4D4\",\n \"--shiki-dark-text-decoration\": \"underline\"\n },\n children: \"examples.md\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(Tip, {\n children: [\"Keep \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" under 500 lines. Move detailed reference material to separate files.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"control-who-invokes-a-skill\",\n children: \"Control who invokes a skill\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"By default, both you and Claude can invoke any skill. You can type \", _jsx(_components.code, {\n children: \"/skill-name\"\n }), \" to invoke it directly, and Claude can load it automatically when relevant to your conversation. Two frontmatter fields let you restrict this:\"]\n }), \"\\n\", _jsxs(_components.ul, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [\"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n })\n }), \": Only you can invoke the skill. Use this for workflows with side effects or that you want to control timing, like \", _jsx(_components.code, {\n children: \"/commit\"\n }), \", \", _jsx(_components.code, {\n children: \"/deploy\"\n }), \", or \", _jsx(_components.code, {\n children: \"/send-slack-message\"\n }), \". You don’t want Claude deciding to deploy because your code looks ready.\"]\n }), \"\\n\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.code, {\n children: \"user-invocable: false\"\n })\n }), \": Only Claude can invoke the skill. Use this for background knowledge that isn’t actionable as a command. A \", _jsx(_components.code, {\n children: \"legacy-system-context\"\n }), \" skill explains how an old system works. Claude should know this when relevant, but \", _jsx(_components.code, {\n children: \"/legacy-system-context\"\n }), \" isn’t a meaningful action for users to take.\"]\n }), \"\\n\"]\n }), \"\\n\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"This example creates a deploy skill that only you can trigger. The \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" field prevents Claude from running it automatically:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"12\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"12\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"deploy\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Deploy the application to production\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"disable-model-invocation\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"true\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Deploy $ARGUMENTS to production\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"1. Run the test suite\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"2. Build the application\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"3. Push to the deployment target\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"4. Verify the deployment succeeded\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(_components.p, {\n children: \"Here’s how the two fields affect invocation and context loading:\"\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Frontmatter\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"You can invoke\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Claude can invoke\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"When loaded into context\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"(default)\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Yes\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Yes\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description always in context, full skill loads when invoked\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Yes\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description not in context, full skill loads when you invoke\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"user-invocable: false\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Yes\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description always in context, full skill loads when invoked\"\n })]\n })]\n })]\n }), \"\\n\", _jsx(Note, {\n children: _jsxs(_components.p, {\n children: [\"In a regular session, skill descriptions are loaded into context so Claude knows what’s available, but full skill content only loads when invoked. \", _jsx(_components.a, {\n href: \"/en/sub-agents#preload-skills-into-subagents\",\n children: \"Subagents with preloaded skills\"\n }), \" work differently: the full skill content is injected at startup.\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"restrict-tool-access\",\n children: \"Restrict tool access\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Use the \", _jsx(_components.code, {\n children: \"allowed-tools\"\n }), \" field to limit which tools Claude can use when a skill is active. This skill creates a read-only mode where Claude can explore files but not modify them:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"5\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"5\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"safe-reader\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Read files without making changes\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"allowed-tools\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Read, Grep, Glob\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"pass-arguments-to-skills\",\n children: \"Pass arguments to skills\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Both you and Claude can pass arguments when invoking a skill. Arguments are available via the \", _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n }), \" placeholder.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"This skill fixes a GitHub issue by number. The \", _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n }), \" placeholder gets replaced with whatever follows the skill name:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"13\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"13\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fix-issue\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Fix a GitHub issue\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"disable-model-invocation\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"true\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Fix GitHub issue $ARGUMENTS following our coding standards.\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"1. Read the issue description\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"2. Understand the requirements\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"3. Implement the fix\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"4. Write tests\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"5. Create a commit\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"When you run \", _jsx(_components.code, {\n children: \"/fix-issue 123\"\n }), \", Claude receives “Fix GitHub issue 123 following our coding standards…”\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"If you invoke a skill with arguments but the skill doesn’t include \", _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n }), \", Claude Code appends \", _jsx(_components.code, {\n children: \"ARGUMENTS: \u003cyour input\u003e\"\n }), \" to the end of the skill content so Claude still sees what you typed.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"To access individual arguments by position, use \", _jsx(_components.code, {\n children: \"$ARGUMENTS[N]\"\n }), \" or the shorter \", _jsx(_components.code, {\n children: \"$N\"\n }), \":\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"7\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"7\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"migrate-component\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Migrate a component from one framework to another\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Migrate the $ARGUMENTS[0] component from $ARGUMENTS[1] to $ARGUMENTS[2].\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Preserve all existing behavior and tests.\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Running \", _jsx(_components.code, {\n children: \"/migrate-component SearchBar React Vue\"\n }), \" replaces \", _jsx(_components.code, {\n children: \"$ARGUMENTS[0]\"\n }), \" with \", _jsx(_components.code, {\n children: \"SearchBar\"\n }), \", \", _jsx(_components.code, {\n children: \"$ARGUMENTS[1]\"\n }), \" with \", _jsx(_components.code, {\n children: \"React\"\n }), \", and \", _jsx(_components.code, {\n children: \"$ARGUMENTS[2]\"\n }), \" with \", _jsx(_components.code, {\n children: \"Vue\"\n }), \". The same skill using the \", _jsx(_components.code, {\n children: \"$N\"\n }), \" shorthand:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"7\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"7\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"migrate-component\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Migrate a component from one framework to another\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Migrate the $0 component from $1 to $2.\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Preserve all existing behavior and tests.\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"advanced-patterns\",\n children: \"Advanced patterns\"\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"inject-dynamic-context\",\n children: \"Inject dynamic context\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"The \", _jsx(_components.code, {\n children: \"!\"\n }), \"command“ syntax runs shell commands before the skill content is sent to Claude. The command output replaces the placeholder, so Claude receives actual data, not the command itself.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"This skill summarizes a pull request by fetching live PR data with the GitHub CLI. The \", _jsx(_components.code, {\n children: \"!\"\n }), \"gh pr diff“ and other commands run first, and their output gets inserted into the prompt:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"15\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"15\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"pr-summary\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Summarize changes in a pull request\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"context\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fork\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"agent\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Explore\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"allowed-tools\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Bash(gh *)\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"## Pull request context\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"PR diff\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#82071E\",\n \"--shiki-light-font-style\": \"italic\",\n \"--shiki-dark\": \"#F44747\",\n \"--shiki-dark-font-style\": \"inherit\"\n },\n children: \"!`gh\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" pr diff`\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"PR comments\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#82071E\",\n \"--shiki-light-font-style\": \"italic\",\n \"--shiki-dark\": \"#F44747\",\n \"--shiki-dark-font-style\": \"inherit\"\n },\n children: \"!`gh\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" pr view --comments`\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Changed files\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#82071E\",\n \"--shiki-light-font-style\": \"italic\",\n \"--shiki-dark\": \"#F44747\",\n \"--shiki-dark-font-style\": \"inherit\"\n },\n children: \"!`gh\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" pr diff --name-only`\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"## Your task\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Summarize this pull request...\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(_components.p, {\n children: \"When this skill runs:\"\n }), \"\\n\", _jsxs(_components.ol, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [\"Each \", _jsx(_components.code, {\n children: \"!\"\n }), \"command“ executes immediately (before Claude sees anything)\"]\n }), \"\\n\", _jsx(_components.li, {\n children: \"The output replaces the placeholder in the skill content\"\n }), \"\\n\", _jsx(_components.li, {\n children: \"Claude receives the fully-rendered prompt with actual PR data\"\n }), \"\\n\"]\n }), \"\\n\", _jsx(_components.p, {\n children: \"This is preprocessing, not something Claude executes. Claude only sees the final result.\"\n }), \"\\n\", _jsx(Tip, {\n children: _jsxs(_components.p, {\n children: [\"To enable \", _jsx(_components.a, {\n href: \"/en/common-workflows#use-extended-thinking-thinking-mode\",\n children: \"extended thinking\"\n }), \" in a skill, include the word “ultrathink” anywhere in your skill content.\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"run-skills-in-a-subagent\",\n children: \"Run skills in a subagent\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Add \", _jsx(_components.code, {\n children: \"context: fork\"\n }), \" to your frontmatter when you want a skill to run in isolation. The skill content becomes the prompt that drives the subagent. It won’t have access to your conversation history.\"]\n }), \"\\n\", _jsx(Warning, {\n children: _jsxs(_components.p, {\n children: [_jsx(_components.code, {\n children: \"context: fork\"\n }), \" only makes sense for skills with explicit instructions. If your skill contains guidelines like “use these API conventions” without a task, the subagent receives the guidelines but no actionable prompt, and returns without meaningful output.\"]\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skills and \", _jsx(_components.a, {\n href: \"/en/sub-agents\",\n children: \"subagents\"\n }), \" work together in two directions:\"]\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Approach\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"System prompt\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Task\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Also loads\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Skill with \", _jsx(_components.code, {\n children: \"context: fork\"\n })]\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"From agent type (\", _jsx(_components.code, {\n children: \"Explore\"\n }), \", \", _jsx(_components.code, {\n children: \"Plan\"\n }), \", etc.)\"]\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"SKILL.md content\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"CLAUDE.md\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Subagent with \", _jsx(_components.code, {\n children: \"skills\"\n }), \" field\"]\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Subagent’s markdown body\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Claude’s delegation message\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Preloaded skills + CLAUDE.md\"\n })]\n })]\n })]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"With \", _jsx(_components.code, {\n children: \"context: fork\"\n }), \", you write the task in your skill and pick an agent type to execute it. For the inverse (defining a custom subagent that uses skills as reference material), see \", _jsx(_components.a, {\n href: \"/en/sub-agents#preload-skills-into-subagents\",\n children: \"Subagents\"\n }), \".\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"4\",\n id: \"example%3A-research-skill-using-explore-agent\",\n children: \"Example: Research skill using Explore agent\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"This skill runs research in a forked Explore agent. The skill content becomes the task, and the agent provides read-only tools optimized for codebase exploration:\"\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"12\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"12\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"deep-research\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Research a topic thoroughly\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"context\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fork\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"agent\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Explore\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Research $ARGUMENTS thoroughly\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"1. Find relevant files using Glob and Grep\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"2. Read and analyze the code\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"3. Summarize findings with specific file references\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(_components.p, {\n children: \"When this skill runs:\"\n }), \"\\n\", _jsxs(_components.ol, {\n children: [\"\\n\", _jsx(_components.li, {\n children: \"A new isolated context is created\"\n }), \"\\n\", _jsx(_components.li, {\n children: \"The subagent receives the skill content as its prompt (“Research $ARGUMENTS thoroughly…”)\"\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"The \", _jsx(_components.code, {\n children: \"agent\"\n }), \" field determines the execution environment (model, tools, and permissions)\"]\n }), \"\\n\", _jsx(_components.li, {\n children: \"Results are summarized and returned to your main conversation\"\n }), \"\\n\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"The \", _jsx(_components.code, {\n children: \"agent\"\n }), \" field specifies which subagent configuration to use. Options include built-in agents (\", _jsx(_components.code, {\n children: \"Explore\"\n }), \", \", _jsx(_components.code, {\n children: \"Plan\"\n }), \", \", _jsx(_components.code, {\n children: \"general-purpose\"\n }), \") or any custom subagent from \", _jsx(_components.code, {\n children: \".claude/agents/\"\n }), \". If omitted, uses \", _jsx(_components.code, {\n children: \"general-purpose\"\n }), \".\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"restrict-claude%E2%80%99s-skill-access\",\n children: \"Restrict Claude’s skill access\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"By default, Claude can invoke any skill that doesn’t have \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" set. Skills that define \", _jsx(_components.code, {\n children: \"allowed-tools\"\n }), \" grant Claude access to those tools without per-use approval when the skill is active. Your \", _jsx(_components.a, {\n href: \"/en/permissions\",\n children: \"permission settings\"\n }), \" still govern baseline approval behavior for all other tools. Built-in commands like \", _jsx(_components.code, {\n children: \"/compact\"\n }), \" and \", _jsx(_components.code, {\n children: \"/init\"\n }), \" are not available through the Skill tool.\"]\n }), \"\\n\", _jsx(_components.p, {\n children: \"Three ways to control which skills Claude can invoke:\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Disable all skills\"\n }), \" by denying the Skill tool in \", _jsx(_components.code, {\n children: \"/permissions\"\n }), \":\"]\n }), \"\\n\", _jsx(CodeBlock, {\n numberOfLines: \"3\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"3\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"# Add to deny rules:\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"Skill\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Allow or deny specific skills\"\n }), \" using \", _jsx(_components.a, {\n href: \"/en/permissions\",\n children: \"permission rules\"\n }), \":\"]\n }), \"\\n\", _jsx(CodeBlock, {\n numberOfLines: \"7\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"7\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"# Allow only specific skills\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"Skill(commit)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"Skill(review-pr *)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"# Deny specific skills\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"Skill(deploy *)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Permission syntax: \", _jsx(_components.code, {\n children: \"Skill(name)\"\n }), \" for exact match, \", _jsx(_components.code, {\n children: \"Skill(name *)\"\n }), \" for prefix match with any arguments.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Hide individual skills\"\n }), \" by adding \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" to their frontmatter. This removes the skill from Claude’s context entirely.\"]\n }), \"\\n\", _jsx(Note, {\n children: _jsxs(_components.p, {\n children: [\"The \", _jsx(_components.code, {\n children: \"user-invocable\"\n }), \" field only controls menu visibility, not Skill tool access. Use \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" to block programmatic invocation.\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"share-skills\",\n children: \"Share skills\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Skills can be distributed at different scopes depending on your audience:\"\n }), \"\\n\", _jsxs(_components.ul, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: \"Project skills\"\n }), \": Commit \", _jsx(_components.code, {\n children: \".claude/skills/\"\n }), \" to version control\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: \"Plugins\"\n }), \": Create a \", _jsx(_components.code, {\n children: \"skills/\"\n }), \" directory in your \", _jsx(_components.a, {\n href: \"/en/plugins\",\n children: \"plugin\"\n })]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: \"Managed\"\n }), \": Deploy organization-wide through \", _jsx(_components.a, {\n href: \"/en/permissions#managed-settings\",\n children: \"managed settings\"\n })]\n }), \"\\n\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"generate-visual-output\",\n children: \"Generate visual output\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Skills can bundle and run scripts in any language, giving Claude capabilities beyond what’s possible in a single prompt. One powerful pattern is generating visual output: interactive HTML files that open in your browser for exploring data, debugging, or creating reports.\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"This example creates a codebase explorer: an interactive tree view where you can expand and collapse directories, see file sizes at a glance, and identify file types by color.\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Create the Skill directory:\"\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"1\",\n language: \"shellscript\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"shellscript\",\n children: _jsxs(_components.code, {\n language: \"shellscript\",\n numberOfLines: \"1\",\n children: [_jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \"mkdir\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" -p\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" ~/.claude/skills/codebase-visualizer/scripts\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Create \", _jsx(_components.code, {\n children: \"~/.claude/skills/codebase-visualizer/SKILL.md\"\n }), \". The description tells Claude when to activate this Skill, and the instructions tell Claude to run the bundled script:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"26\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"26\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"codebase-visualizer\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Generate an interactive collapsible tree visualization of your codebase. Use when exploring a new repo, understanding project structure, or identifying large files.\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"allowed-tools\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Bash(python *)\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"# Codebase Visualizer\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Generate an interactive HTML tree view that shows your project's file structure with collapsible directories.\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"## Usage\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Run the visualization script from your project root\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"```\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"bash\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"python ~/.claude/skills/codebase-visualizer/scripts/visualize.py .\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"```\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"This creates `codebase-map.html` in the current directory and opens it in your default browser.\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"## What the visualization shows\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"*Collapsible\"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" directories**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Click folders to expand/collapse\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"*File\"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" sizes**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Displayed next to each file\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"*Colors**:\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" Different colors for different file types\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"*Directory\"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" totals**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Shows aggregate size of each folder\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Create \", _jsx(_components.code, {\n children: \"~/.claude/skills/codebase-visualizer/scripts/visualize.py\"\n }), \". This script scans a directory tree and generates a self-contained HTML file with:\"]\n }), \"\\n\", _jsxs(_components.ul, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [\"A \", _jsx(_components.strong, {\n children: \"summary sidebar\"\n }), \" showing file count, directory count, total size, and number of file types\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"A \", _jsx(_components.strong, {\n children: \"bar chart\"\n }), \" breaking down the codebase by file type (top 8 by size)\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"A \", _jsx(_components.strong, {\n children: \"collapsible tree\"\n }), \" where you can expand and collapse directories, with color-coded file type indicators\"]\n }), \"\\n\"]\n }), \"\\n\", _jsx(_components.p, {\n children: \"The script requires Python but uses only built-in libraries, so there are no packages to install:\"\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n expandable: \"true\",\n numberOfLines: \"131\",\n language: \"python\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"python\",\n children: _jsxs(_components.code, {\n language: \"python\",\n numberOfLines: \"131\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"#!/usr/bin/env python3\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\\\"\\\"Generate an interactive collapsible tree visualization of a codebase.\\\"\\\"\\\"\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" json\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" sys\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" webbrowser\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"from\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" pathlib \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" Path\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"from\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" collections \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" Counter\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"IGNORE\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" =\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.git'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'node_modules'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'__pycache__'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.venv'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'venv'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'dist'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'build'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"}\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"def\"\n }), _jsx(_components.span, {\n style: {\n color: \"#8250DF\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" scan\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"path\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": Path, \"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"stats\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \"dict\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \") -\u003e \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \"dict\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"name\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": path.name, \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"children\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": [], \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"0\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" try\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" for\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"in\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" sorted\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(path.iterdir()):\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.name \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"in\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" IGNORE\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" or\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.name.startswith(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"):\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" continue\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.is_file():\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" size \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.stat().st_size\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" ext \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.suffix.lower() \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"or\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '(no ext)'\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"children\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"].append({\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"name\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": item.name, \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": size, \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"ext\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": ext})\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" size\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"files\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"extensions\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"][ext] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"ext_sizes\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"][ext] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" size\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" elif\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.is_dir():\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"dirs\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" child \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" scan(item, stats)\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" child[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"children\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]:\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"children\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"].append(child)\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" child[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" except\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \" PermissionError\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" pass\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" return\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"def\"\n }), _jsx(_components.span, {\n style: {\n color: \"#8250DF\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" generate_html\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"data\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \"dict\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"stats\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \"dict\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"output\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": Path) -\u003e \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"None\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" ext_sizes \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"ext_sizes\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" total_size \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" sum\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(ext_sizes.values()) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"or\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" sorted_exts \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" sorted\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(ext_sizes.items(), \"\n }), _jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"key\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"lambda\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \" x\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"-\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"x[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"1\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"])[:\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"8\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" colors \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" {\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.js'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#f7df1e'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.ts'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#3178c6'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.py'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#3776ab'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.go'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#00add8'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \",\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.rs'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#dea584'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.rb'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#cc342d'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.css'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#264de4'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.html'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#e34c26'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \",\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.json'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#6b7280'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.md'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#083fa1'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.yaml'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#cb171e'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.yml'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#cb171e'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \",\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.mdx'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#083fa1'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.tsx'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#3178c6'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.jsx'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#61dafb'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.sh'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#4eaa25'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \",\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" }\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" lang_bars \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \\\"\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \".join(\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\u003cdiv class=\\\"bar-row\\\"\u003e\u003cspan class=\\\"bar-label\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"ext\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e'\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\u003cdiv class=\\\"bar\\\" style=\\\"width:\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(size\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"/\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"total_size)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"100\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"%;background:\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"colors.get(ext,\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"#6b7280\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\u003e\u003c/div\u003e'\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\u003cspan class=\\\"bar-pct\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(size\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"/\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"total_size)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"100\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":.1f}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"%\u003c/span\u003e\u003c/div\u003e'\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" for\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" ext, size \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"in\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" sorted_exts\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" )\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" def\"\n }), _jsx(_components.span, {\n style: {\n color: \"#8250DF\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" fmt\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"b\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"):\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" b \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"\u003c\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1024\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"return\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"b\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" B\\\"\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" b \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"\u003c\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1048576\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"return\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"b\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"/\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"1024\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":.1f}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" KB\\\"\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" return\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"b\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"/\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"1048576\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":.1f}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" MB\\\"\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" html \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'''\u003c!DOCTYPE html\u003e\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003chtml\u003e\u003chead\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cmeta charset=\\\"utf-8\\\"\u003e\u003ctitle\u003eCodebase Explorer\u003c/title\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cstyle\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" body \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" font: 14px/1.5 system-ui, sans-serif; margin: 0; background: #1a1a2e; color: #eee; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .container \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" display: flex; height: 100vh; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .sidebar \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" width: 280px; background: #252542; padding: 20px; border-right: 1px solid #3d3d5c; overflow-y: auto; flex-shrink: 0; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .main \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" flex: 1; padding: 20px; overflow-y: auto; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" h1 \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" margin: 0 0 10px 0; font-size: 18px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" h2 \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" margin: 20px 0 10px 0; font-size: 14px; color: #888; text-transform: uppercase; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .stat \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #3d3d5c; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .stat-value \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" font-weight: bold; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .bar-row \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" display: flex; align-items: center; margin: 6px 0; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .bar-label \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" width: 55px; font-size: 12px; color: #aaa; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .bar \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" height: 18px; border-radius: 3px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .bar-pct \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" margin-left: 8px; font-size: 12px; color: #666; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .tree \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" list-style: none; padding-left: 20px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" details \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" cursor: pointer; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" summary \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" padding: 4px 8px; border-radius: 4px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" summary:hover \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" background: #2d2d44; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .folder \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" color: #ffd700; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .file \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" display: flex; align-items: center; padding: 4px 8px; border-radius: 4px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .file:hover \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" background: #2d2d44; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .size \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" color: #888; margin-left: auto; font-size: 12px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .dot \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" width: 8px; height: 8px; border-radius: 50%; margin-right: 8px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/style\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/head\u003e\u003cbody\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"container\\\"\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"sidebar\\\"\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003ch1\u003e📊 Summary\u003c/h1\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"stat\\\"\u003e\u003cspan\u003eFiles\u003c/span\u003e\u003cspan class=\\\"stat-value\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"files\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":,}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/div\u003e\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"stat\\\"\u003e\u003cspan\u003eDirectories\u003c/span\u003e\u003cspan class=\\\"stat-value\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"dirs\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":,}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/div\u003e\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"stat\\\"\u003e\u003cspan\u003eTotal size\u003c/span\u003e\u003cspan class=\\\"stat-value\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"fmt(data[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"])\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/div\u003e\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"stat\\\"\u003e\u003cspan\u003eFile types\u003c/span\u003e\u003cspan class=\\\"stat-value\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \"len\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"extensions\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"])\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/div\u003e\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003ch2\u003eBy file type\u003c/h2\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"lang_bars\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/div\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"main\\\"\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003ch1\u003e📁 \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"data[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"name\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/h1\u003e\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cul class=\\\"tree\\\" id=\\\"root\\\"\u003e\u003c/ul\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/div\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/div\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cscript\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const data = \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"json.dumps(data)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \";\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const colors = \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"json.dumps(colors)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \";\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" function fmt(b) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" if (b \u003c 1024) return b + ' B'; if (b \u003c 1048576) return (b/1024).toFixed(1) + ' KB'; return (b/1048576).toFixed(1) + ' MB'; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" function render(node, parent) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" if (node.children) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const det = document.createElement('details');\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" det.open = parent === document.getElementById('root');\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" det.innerHTML = `\u003csummary\u003e\u003cspan class=\\\"folder\\\"\u003e📁 $\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"node.name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003cspan class=\\\"size\\\"\u003e$\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fmt(node.size)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/summary\u003e`;\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const ul = document.createElement('ul'); ul.className = 'tree';\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" node.children.sort((a,b) =\u003e (b.children?1:0)-(a.children?1:0) || a.name.localeCompare(b.name));\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" node.children.forEach(c =\u003e render(c, ul));\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" det.appendChild(ul);\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const li = document.createElement('li'); li.appendChild(det); parent.appendChild(li);\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \" }}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" else \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const li = document.createElement('li'); li.className = 'file';\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" li.innerHTML = `\u003cspan class=\\\"dot\\\" style=\\\"background:$\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"colors[node.ext]||'#6b7280'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\u003e\u003c/span\u003e$\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"node.name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003cspan class=\\\"size\\\"\u003e$\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fmt(node.size)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e`;\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" parent.appendChild(li);\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \" }}\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \" }}\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" data.children.forEach(c =\u003e render(c, document.getElementById('root')));\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/script\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/body\u003e\u003c/html\u003e'''\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" output.write_text(html)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \" __name__\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" ==\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '__main__'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" target \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" Path(sys.argv[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"1\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" len\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(sys.argv) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" else\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \").resolve()\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"files\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"0\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"dirs\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"0\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"extensions\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": Counter(), \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"ext_sizes\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": Counter()}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" data \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" scan(target, stats)\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" out \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" Path(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'codebase-map.html'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" generate_html(data, stats, out)\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" print\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'Generated \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"out.absolute()\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" webbrowser.open(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'file://\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"out.absolute()\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"To test, open Claude Code in any project and ask “Visualize this codebase.” Claude runs the script, generates \", _jsx(_components.code, {\n children: \"codebase-map.html\"\n }), \", and opens it in your browser.\"]\n }), \"\\n\", _jsx(_components.p, {\n children: \"This pattern works for any visual output: dependency graphs, test coverage reports, API documentation, or database schema visualizations. The bundled script does the heavy lifting while Claude handles orchestration.\"\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"troubleshooting\",\n children: \"Troubleshooting\"\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"skill-not-triggering\",\n children: \"Skill not triggering\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"If Claude doesn’t use your skill when expected:\"\n }), \"\\n\", _jsxs(_components.ol, {\n children: [\"\\n\", _jsx(_components.li, {\n children: \"Check the description includes keywords users would naturally say\"\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"Verify the skill appears in \", _jsx(_components.code, {\n children: \"What skills are available?\"\n })]\n }), \"\\n\", _jsx(_components.li, {\n children: \"Try rephrasing your request to match the description more closely\"\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"Invoke it directly with \", _jsx(_components.code, {\n children: \"/skill-name\"\n }), \" if the skill is user-invocable\"]\n }), \"\\n\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"skill-triggers-too-often\",\n children: \"Skill triggers too often\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"If Claude uses your skill when you don’t want it:\"\n }), \"\\n\", _jsxs(_components.ol, {\n children: [\"\\n\", _jsx(_components.li, {\n children: \"Make the description more specific\"\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"Add \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" if you only want manual invocation\"]\n }), \"\\n\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"claude-doesn%E2%80%99t-see-all-my-skills\",\n children: \"Claude doesn’t see all my skills\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skill descriptions are loaded into context so Claude knows what’s available. If you have many skills, they may exceed the character budget. The budget scales dynamically at 2% of the context window, with a fallback of 16,000 characters. Run \", _jsx(_components.code, {\n children: \"/context\"\n }), \" to check for a warning about excluded skills.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"To override the limit, set the \", _jsx(_components.code, {\n children: \"SLASH_COMMAND_TOOL_CHAR_BUDGET\"\n }), \" environment variable.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"related-resources\",\n children: \"Related resources\"\n }), \"\\n\", _jsxs(_components.ul, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/sub-agents\",\n children: \"Subagents\"\n })\n }), \": delegate tasks to specialized agents\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/plugins\",\n children: \"Plugins\"\n })\n }), \": package and distribute skills with other extensions\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/hooks\",\n children: \"Hooks\"\n })\n }), \": automate workflows around tool events\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/memory\",\n children: \"Memory\"\n })\n }), \": manage CLAUDE.md files for persistent context\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/interactive-mode#built-in-commands\",\n children: \"Interactive mode\"\n })\n }), \": built-in commands and shortcuts\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/permissions\",\n children: \"Permissions\"\n })\n }), \": control tool and skill access\"]\n }), \"\\n\"]\n })]\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n"])</script><script>self.__next_f.push([1,"40:T41903,"])</script><script>self.__next_f.push([1,"\"use strict\";\nconst {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n a: \"a\",\n code: \"code\",\n li: \"li\",\n ol: \"ol\",\n p: \"p\",\n pre: \"pre\",\n span: \"span\",\n strong: \"strong\",\n tbody: \"tbody\",\n td: \"td\",\n th: \"th\",\n thead: \"thead\",\n tr: \"tr\",\n ul: \"ul\",\n ..._provideComponents(),\n ...props.components\n }, {CodeBlock, Heading, Note, Step, Steps, Table, Tip, Warning} = _components;\n if (!CodeBlock) _missingMdxReference(\"CodeBlock\", true);\n if (!Heading) _missingMdxReference(\"Heading\", true);\n if (!Note) _missingMdxReference(\"Note\", true);\n if (!Step) _missingMdxReference(\"Step\", true);\n if (!Steps) _missingMdxReference(\"Steps\", true);\n if (!Table) _missingMdxReference(\"Table\", true);\n if (!Tip) _missingMdxReference(\"Tip\", true);\n if (!Warning) _missingMdxReference(\"Warning\", true);\n return _jsxs(_Fragment, {\n children: [_jsxs(_components.p, {\n children: [\"Skills extend what Claude can do. Create a \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" file with instructions, and Claude adds it to its toolkit. Claude uses skills when relevant, or you can invoke one directly with \", _jsx(_components.code, {\n children: \"/skill-name\"\n }), \".\"]\n }), \"\\n\", _jsxs(Note, {\n children: [_jsxs(_components.p, {\n children: [\"For built-in commands like \", _jsx(_components.code, {\n children: \"/help\"\n }), \" and \", _jsx(_components.code, {\n children: \"/compact\"\n }), \", see \", _jsx(_components.a, {\n href: \"/en/interactive-mode#built-in-commands\",\n children: \"interactive mode\"\n }), \".\"]\n }), _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Custom slash commands have been merged into skills.\"\n }), \" A file at \", _jsx(_components.code, {\n children: \".claude/commands/review.md\"\n }), \" and a skill at \", _jsx(_components.code, {\n children: \".claude/skills/review/SKILL.md\"\n }), \" both create \", _jsx(_components.code, {\n children: \"/review\"\n }), \" and work the same way. Your existing \", _jsx(_components.code, {\n children: \".claude/commands/\"\n }), \" files keep working. Skills add optional features: a directory for supporting files, frontmatter to \", _jsx(_components.a, {\n href: \"#control-who-invokes-a-skill\",\n children: \"control whether you or Claude invokes them\"\n }), \", and the ability for Claude to load them automatically when relevant.\"]\n })]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Claude Code skills follow the \", _jsx(_components.a, {\n href: \"https://agentskills.io\",\n children: \"Agent Skills\"\n }), \" open standard, which works across multiple AI tools. Claude Code extends the standard with additional features like \", _jsx(_components.a, {\n href: \"#control-who-invokes-a-skill\",\n children: \"invocation control\"\n }), \", \", _jsx(_components.a, {\n href: \"#run-skills-in-a-subagent\",\n children: \"subagent execution\"\n }), \", and \", _jsx(_components.a, {\n href: \"#inject-dynamic-context\",\n children: \"dynamic context injection\"\n }), \".\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"getting-started\",\n children: \"Getting started\"\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"create-your-first-skill\",\n children: \"Create your first skill\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"This example creates a skill that teaches Claude to explain code using visual diagrams and analogies. Since it uses default frontmatter, Claude can load it automatically when you ask how something works, or you can invoke it directly with \", _jsx(_components.code, {\n children: \"/explain-code\"\n }), \".\"]\n }), \"\\n\", _jsxs(Steps, {\n children: [_jsxs(Step, {\n title: \"Create the skill directory\",\n children: [_jsx(_components.p, {\n children: \"Create a directory for the skill in your personal skills folder. Personal skills are available across all your projects.\"\n }), _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"1\",\n language: \"shellscript\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"shellscript\",\n children: _jsxs(_components.code, {\n language: \"shellscript\",\n numberOfLines: \"1\",\n children: [_jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \"mkdir\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" -p\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" ~/.claude/skills/explain-code\"\n })]\n }), \"\\n\"]\n })\n })\n })]\n }), _jsxs(Step, {\n title: \"Write SKILL.md\",\n children: [_jsxs(_components.p, {\n children: [\"Every skill needs a \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" file with two parts: YAML frontmatter (between \", _jsx(_components.code, {\n children: \"---\"\n }), \" markers) that tells Claude when to use the skill, and markdown content with instructions Claude follows when the skill is invoked. The \", _jsx(_components.code, {\n children: \"name\"\n }), \" field becomes the \", _jsx(_components.code, {\n children: \"/slash-command\"\n }), \", and the \", _jsx(_components.code, {\n children: \"description\"\n }), \" helps Claude decide when to load it automatically.\"]\n }), _jsxs(_components.p, {\n children: [\"Create \", _jsx(_components.code, {\n children: \"~/.claude/skills/explain-code/SKILL.md\"\n }), \":\"]\n }), _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"13\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"13\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"explain-code\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Explains code with visual diagrams and analogies. Use when explaining how code works, teaching about a codebase, or when the user asks \\\"how does this work?\\\"\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"When explaining code, always include\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"1. **Start with an analogy**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Compare the code to something from everyday life\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"2. **Draw a diagram**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Use ASCII art to show the flow, structure, or relationships\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"3. **Walk through the code**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Explain step-by-step what happens\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"4. **Highlight a gotcha**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"What's a common mistake or misconception?\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Keep explanations conversational. For complex concepts, use multiple analogies.\"\n })\n }), \"\\n\"]\n })\n })\n })]\n }), _jsxs(Step, {\n title: \"Test the skill\",\n children: [_jsx(_components.p, {\n children: \"You can test it two ways:\"\n }), _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Let Claude invoke it automatically\"\n }), \" by asking something that matches the description:\"]\n }), _jsx(CodeBlock, {\n numberOfLines: \"2\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"2\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"How does this code work?\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Or invoke it directly\"\n }), \" with the skill name:\"]\n }), _jsx(CodeBlock, {\n numberOfLines: \"2\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"2\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"/explain-code src/auth/login.ts\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), _jsx(_components.p, {\n children: \"Either way, Claude should include an analogy and ASCII diagram in its explanation.\"\n })]\n })]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"where-skills-live\",\n children: \"Where skills live\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Where you store a skill determines who can use it:\"\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Location\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Path\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Applies to\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Enterprise\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"See \", _jsx(_components.a, {\n href: \"/en/permissions#managed-settings\",\n children: \"managed settings\"\n })]\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"All users in your organization\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Personal\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"~/.claude/skills/\u003cskill-name\u003e/SKILL.md\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"All your projects\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Project\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \".claude/skills/\u003cskill-name\u003e/SKILL.md\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"This project only\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Plugin\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"\u003cplugin\u003e/skills/\u003cskill-name\u003e/SKILL.md\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Where plugin is enabled\"\n })]\n })]\n })]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"When skills share the same name across levels, higher-priority locations win: enterprise \u003e personal \u003e project. Plugin skills use a \", _jsx(_components.code, {\n children: \"plugin-name:skill-name\"\n }), \" namespace, so they cannot conflict with other levels. If you have files in \", _jsx(_components.code, {\n children: \".claude/commands/\"\n }), \", those work the same way, but if a skill and a command share the same name, the skill takes precedence.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"4\",\n id: \"automatic-discovery-from-nested-directories\",\n children: \"Automatic discovery from nested directories\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"When you work with files in subdirectories, Claude Code automatically discovers skills from nested \", _jsx(_components.code, {\n children: \".claude/skills/\"\n }), \" directories. For example, if you’re editing a file in \", _jsx(_components.code, {\n children: \"packages/frontend/\"\n }), \", Claude Code also looks for skills in \", _jsx(_components.code, {\n children: \"packages/frontend/.claude/skills/\"\n }), \". This supports monorepo setups where packages have their own skills.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Each skill is a directory with \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" as the entrypoint:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n numberOfLines: \"8\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"8\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"my-skill/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── SKILL.md # Main instructions (required)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── template.md # Template for Claude to fill in\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── examples/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"│ └── sample.md # Example output showing expected format\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"└── scripts/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \" └── validate.sh # Script Claude can execute\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"The \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" contains the main instructions and is required. Other files are optional and let you build more powerful skills: templates for Claude to fill in, example outputs showing the expected format, scripts Claude can execute, or detailed reference documentation. Reference these files from your \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" so Claude knows what they contain and when to load them. See \", _jsx(_components.a, {\n href: \"#add-supporting-files\",\n children: \"Add supporting files\"\n }), \" for more details.\"]\n }), \"\\n\", _jsx(Note, {\n children: _jsxs(_components.p, {\n children: [\"Files in \", _jsx(_components.code, {\n children: \".claude/commands/\"\n }), \" still work and support the same \", _jsx(_components.a, {\n href: \"#frontmatter-reference\",\n children: \"frontmatter\"\n }), \". Skills are recommended since they support additional features like supporting files.\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"4\",\n id: \"skills-from-additional-directories\",\n children: \"Skills from additional directories\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skills defined in \", _jsx(_components.code, {\n children: \".claude/skills/\"\n }), \" within directories added via \", _jsx(_components.code, {\n children: \"--add-dir\"\n }), \" are loaded automatically and picked up by live change detection, so you can edit them during a session without restarting.\"]\n }), \"\\n\", _jsx(Note, {\n children: _jsxs(_components.p, {\n children: [\"CLAUDE.md files from \", _jsx(_components.code, {\n children: \"--add-dir\"\n }), \" directories are not loaded by default. To load them, set \", _jsx(_components.code, {\n children: \"CLAUDE_CODE_ADDITIONAL_DIRECTORIES_CLAUDE_MD=1\"\n }), \". See \", _jsx(_components.a, {\n href: \"/en/memory#load-memory-from-additional-directories\",\n children: \"Load memory from additional directories\"\n }), \".\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"configure-skills\",\n children: \"Configure skills\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skills are configured through YAML frontmatter at the top of \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" and the markdown content that follows.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"types-of-skill-content\",\n children: \"Types of skill content\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Skill files can contain any instructions, but thinking about how you want to invoke them helps guide what to include:\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Reference content\"\n }), \" adds knowledge Claude applies to your current work. Conventions, patterns, style guides, domain knowledge. This content runs inline so Claude can use it alongside your conversation context.\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"9\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"9\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"api-conventions\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"API design patterns for this codebase\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"When writing API endpoints\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Use RESTful naming conventions\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Return consistent error formats\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Include request validation\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Task content\"\n }), \" gives Claude step-by-step instructions for a specific action, like deployments, commits, or code generation. These are often actions you want to invoke directly with \", _jsx(_components.code, {\n children: \"/skill-name\"\n }), \" rather than letting Claude decide when to run them. Add \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" to prevent Claude from triggering it automatically.\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"11\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"11\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"deploy\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Deploy the application to production\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"context\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fork\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"disable-model-invocation\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"true\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Deploy the application\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"1. Run the test suite\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"2. Build the application\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"3. Push to the deployment target\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Your \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" can contain anything, but thinking through how you want the skill invoked (by you, by Claude, or both) and where you want it to run (inline or in a subagent) helps guide what to include. For complex skills, you can also \", _jsx(_components.a, {\n href: \"#add-supporting-files\",\n children: \"add supporting files\"\n }), \" to keep the main skill focused.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"frontmatter-reference\",\n children: \"Frontmatter reference\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Beyond the markdown content, you can configure skill behavior using YAML frontmatter fields between \", _jsx(_components.code, {\n children: \"---\"\n }), \" markers at the top of your \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" file:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"8\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"8\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"my-skill\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"What this skill does\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"disable-model-invocation\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"true\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"allowed-tools\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Read, Grep\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Your skill instructions here...\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"All fields are optional. Only \", _jsx(_components.code, {\n children: \"description\"\n }), \" is recommended so Claude knows when to use the skill.\"]\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Field\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Required\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"name\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Display name for the skill. If omitted, uses the directory name. Lowercase letters, numbers, and hyphens only (max 64 characters).\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"description\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Recommended\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"What the skill does and when to use it. Claude uses this to decide when to apply the skill. If omitted, uses the first paragraph of markdown content.\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"argument-hint\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Hint shown during autocomplete to indicate expected arguments. Example: \", _jsx(_components.code, {\n children: \"[issue-number]\"\n }), \" or \", _jsx(_components.code, {\n children: \"[filename] [format]\"\n }), \".\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"disable-model-invocation\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Set to \", _jsx(_components.code, {\n children: \"true\"\n }), \" to prevent Claude from automatically loading this skill. Use for workflows you want to trigger manually with \", _jsx(_components.code, {\n children: \"/name\"\n }), \". Default: \", _jsx(_components.code, {\n children: \"false\"\n }), \".\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"user-invocable\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Set to \", _jsx(_components.code, {\n children: \"false\"\n }), \" to hide from the \", _jsx(_components.code, {\n children: \"/\"\n }), \" menu. Use for background knowledge users shouldn’t invoke directly. Default: \", _jsx(_components.code, {\n children: \"true\"\n }), \".\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"allowed-tools\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Tools Claude can use without asking permission when this skill is active.\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"model\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Model to use when this skill is active.\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"context\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Set to \", _jsx(_components.code, {\n children: \"fork\"\n }), \" to run in a forked subagent context.\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"agent\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Which subagent type to use when \", _jsx(_components.code, {\n children: \"context: fork\"\n }), \" is set.\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"hooks\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Hooks scoped to this skill’s lifecycle. See \", _jsx(_components.a, {\n href: \"/en/hooks#hooks-in-skills-and-agents\",\n children: \"Hooks in skills and agents\"\n }), \" for configuration format.\"]\n })]\n })]\n })]\n }), \"\\n\", _jsx(Heading, {\n level: \"4\",\n id: \"available-string-substitutions\",\n children: \"Available string substitutions\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Skills support string substitution for dynamic values in the skill content:\"\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Variable\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n })\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"All arguments passed when invoking the skill. If \", _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n }), \" is not present in the content, arguments are appended as \", _jsx(_components.code, {\n children: \"ARGUMENTS: \u003cvalue\u003e\"\n }), \".\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"$ARGUMENTS[N]\"\n })\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Access a specific argument by 0-based index, such as \", _jsx(_components.code, {\n children: \"$ARGUMENTS[0]\"\n }), \" for the first argument.\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"$N\"\n })\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Shorthand for \", _jsx(_components.code, {\n children: \"$ARGUMENTS[N]\"\n }), \", such as \", _jsx(_components.code, {\n children: \"$0\"\n }), \" for the first argument or \", _jsx(_components.code, {\n children: \"$1\"\n }), \" for the second.\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"${CLAUDE_SESSION_ID}\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"The current session ID. Useful for logging, creating session-specific files, or correlating skill output with sessions.\"\n })]\n })]\n })]\n }), \"\\n\", _jsx(_components.p, {\n children: _jsx(_components.strong, {\n children: \"Example using substitutions:\"\n })\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"8\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"8\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"session-logger\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Log activity for this session\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Log the following to logs/${CLAUDE_SESSION_ID}.log\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"$ARGUMENTS\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"add-supporting-files\",\n children: \"Add supporting files\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skills can include multiple files in their directory. This keeps \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" focused on the essentials while letting Claude access detailed reference material only when needed. Large reference docs, API specifications, or example collections don’t need to load into context every time the skill runs.\"]\n }), \"\\n\", _jsx(CodeBlock, {\n numberOfLines: \"7\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"7\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"my-skill/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── SKILL.md (required - overview and navigation)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── reference.md (detailed API docs - loaded when needed)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── examples.md (usage examples - loaded when needed)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"└── scripts/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \" └── helper.py (utility script - executed, not loaded)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Reference supporting files from \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" so Claude knows what each file contains and when to load it:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"4\",\n language: \"markdown\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"markdown\",\n children: _jsxs(_components.code, {\n language: \"markdown\",\n numberOfLines: \"4\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-light-font-weight\": \"bold\",\n \"--shiki-dark\": \"#569CD6\",\n \"--shiki-dark-font-weight\": \"bold\"\n },\n children: \"## Additional resources\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#6796E6\"\n },\n children: \"-\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" For complete API details, see [\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"reference.md\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"](\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-light-text-decoration\": \"underline\",\n \"--shiki-dark\": \"#D4D4D4\",\n \"--shiki-dark-text-decoration\": \"underline\"\n },\n children: \"reference.md\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#6796E6\"\n },\n children: \"-\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" For usage examples, see [\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"examples.md\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"](\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-light-text-decoration\": \"underline\",\n \"--shiki-dark\": \"#D4D4D4\",\n \"--shiki-dark-text-decoration\": \"underline\"\n },\n children: \"examples.md\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(Tip, {\n children: [\"Keep \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" under 500 lines. Move detailed reference material to separate files.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"control-who-invokes-a-skill\",\n children: \"Control who invokes a skill\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"By default, both you and Claude can invoke any skill. You can type \", _jsx(_components.code, {\n children: \"/skill-name\"\n }), \" to invoke it directly, and Claude can load it automatically when relevant to your conversation. Two frontmatter fields let you restrict this:\"]\n }), \"\\n\", _jsxs(_components.ul, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [\"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n })\n }), \": Only you can invoke the skill. Use this for workflows with side effects or that you want to control timing, like \", _jsx(_components.code, {\n children: \"/commit\"\n }), \", \", _jsx(_components.code, {\n children: \"/deploy\"\n }), \", or \", _jsx(_components.code, {\n children: \"/send-slack-message\"\n }), \". You don’t want Claude deciding to deploy because your code looks ready.\"]\n }), \"\\n\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.code, {\n children: \"user-invocable: false\"\n })\n }), \": Only Claude can invoke the skill. Use this for background knowledge that isn’t actionable as a command. A \", _jsx(_components.code, {\n children: \"legacy-system-context\"\n }), \" skill explains how an old system works. Claude should know this when relevant, but \", _jsx(_components.code, {\n children: \"/legacy-system-context\"\n }), \" isn’t a meaningful action for users to take.\"]\n }), \"\\n\"]\n }), \"\\n\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"This example creates a deploy skill that only you can trigger. The \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" field prevents Claude from running it automatically:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"12\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"12\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"deploy\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Deploy the application to production\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"disable-model-invocation\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"true\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Deploy $ARGUMENTS to production\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"1. Run the test suite\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"2. Build the application\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"3. Push to the deployment target\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"4. Verify the deployment succeeded\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(_components.p, {\n children: \"Here’s how the two fields affect invocation and context loading:\"\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Frontmatter\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"You can invoke\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Claude can invoke\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"When loaded into context\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"(default)\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Yes\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Yes\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description always in context, full skill loads when invoked\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Yes\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description not in context, full skill loads when you invoke\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"user-invocable: false\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Yes\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description always in context, full skill loads when invoked\"\n })]\n })]\n })]\n }), \"\\n\", _jsx(Note, {\n children: _jsxs(_components.p, {\n children: [\"In a regular session, skill descriptions are loaded into context so Claude knows what’s available, but full skill content only loads when invoked. \", _jsx(_components.a, {\n href: \"/en/sub-agents#preload-skills-into-subagents\",\n children: \"Subagents with preloaded skills\"\n }), \" work differently: the full skill content is injected at startup.\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"restrict-tool-access\",\n children: \"Restrict tool access\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Use the \", _jsx(_components.code, {\n children: \"allowed-tools\"\n }), \" field to limit which tools Claude can use when a skill is active. This skill creates a read-only mode where Claude can explore files but not modify them:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"5\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"5\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"safe-reader\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Read files without making changes\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"allowed-tools\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Read, Grep, Glob\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"pass-arguments-to-skills\",\n children: \"Pass arguments to skills\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Both you and Claude can pass arguments when invoking a skill. Arguments are available via the \", _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n }), \" placeholder.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"This skill fixes a GitHub issue by number. The \", _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n }), \" placeholder gets replaced with whatever follows the skill name:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"13\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"13\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fix-issue\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Fix a GitHub issue\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"disable-model-invocation\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"true\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Fix GitHub issue $ARGUMENTS following our coding standards.\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"1. Read the issue description\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"2. Understand the requirements\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"3. Implement the fix\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"4. Write tests\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"5. Create a commit\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"When you run \", _jsx(_components.code, {\n children: \"/fix-issue 123\"\n }), \", Claude receives “Fix GitHub issue 123 following our coding standards…”\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"If you invoke a skill with arguments but the skill doesn’t include \", _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n }), \", Claude Code appends \", _jsx(_components.code, {\n children: \"ARGUMENTS: \u003cyour input\u003e\"\n }), \" to the end of the skill content so Claude still sees what you typed.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"To access individual arguments by position, use \", _jsx(_components.code, {\n children: \"$ARGUMENTS[N]\"\n }), \" or the shorter \", _jsx(_components.code, {\n children: \"$N\"\n }), \":\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"7\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"7\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"migrate-component\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Migrate a component from one framework to another\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Migrate the $ARGUMENTS[0] component from $ARGUMENTS[1] to $ARGUMENTS[2].\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Preserve all existing behavior and tests.\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Running \", _jsx(_components.code, {\n children: \"/migrate-component SearchBar React Vue\"\n }), \" replaces \", _jsx(_components.code, {\n children: \"$ARGUMENTS[0]\"\n }), \" with \", _jsx(_components.code, {\n children: \"SearchBar\"\n }), \", \", _jsx(_components.code, {\n children: \"$ARGUMENTS[1]\"\n }), \" with \", _jsx(_components.code, {\n children: \"React\"\n }), \", and \", _jsx(_components.code, {\n children: \"$ARGUMENTS[2]\"\n }), \" with \", _jsx(_components.code, {\n children: \"Vue\"\n }), \". The same skill using the \", _jsx(_components.code, {\n children: \"$N\"\n }), \" shorthand:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"7\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"7\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"migrate-component\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Migrate a component from one framework to another\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Migrate the $0 component from $1 to $2.\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Preserve all existing behavior and tests.\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"advanced-patterns\",\n children: \"Advanced patterns\"\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"inject-dynamic-context\",\n children: \"Inject dynamic context\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"The \", _jsx(_components.code, {\n children: \"!\"\n }), \"command“ syntax runs shell commands before the skill content is sent to Claude. The command output replaces the placeholder, so Claude receives actual data, not the command itself.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"This skill summarizes a pull request by fetching live PR data with the GitHub CLI. The \", _jsx(_components.code, {\n children: \"!\"\n }), \"gh pr diff“ and other commands run first, and their output gets inserted into the prompt:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"15\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"15\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"pr-summary\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Summarize changes in a pull request\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"context\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fork\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"agent\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Explore\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"allowed-tools\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Bash(gh *)\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"## Pull request context\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"PR diff\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#82071E\",\n \"--shiki-light-font-style\": \"italic\",\n \"--shiki-dark\": \"#F44747\",\n \"--shiki-dark-font-style\": \"inherit\"\n },\n children: \"!`gh\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" pr diff`\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"PR comments\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#82071E\",\n \"--shiki-light-font-style\": \"italic\",\n \"--shiki-dark\": \"#F44747\",\n \"--shiki-dark-font-style\": \"inherit\"\n },\n children: \"!`gh\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" pr view --comments`\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Changed files\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#82071E\",\n \"--shiki-light-font-style\": \"italic\",\n \"--shiki-dark\": \"#F44747\",\n \"--shiki-dark-font-style\": \"inherit\"\n },\n children: \"!`gh\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" pr diff --name-only`\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"## Your task\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Summarize this pull request...\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(_components.p, {\n children: \"When this skill runs:\"\n }), \"\\n\", _jsxs(_components.ol, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [\"Each \", _jsx(_components.code, {\n children: \"!\"\n }), \"command“ executes immediately (before Claude sees anything)\"]\n }), \"\\n\", _jsx(_components.li, {\n children: \"The output replaces the placeholder in the skill content\"\n }), \"\\n\", _jsx(_components.li, {\n children: \"Claude receives the fully-rendered prompt with actual PR data\"\n }), \"\\n\"]\n }), \"\\n\", _jsx(_components.p, {\n children: \"This is preprocessing, not something Claude executes. Claude only sees the final result.\"\n }), \"\\n\", _jsx(Tip, {\n children: _jsxs(_components.p, {\n children: [\"To enable \", _jsx(_components.a, {\n href: \"/en/common-workflows#use-extended-thinking-thinking-mode\",\n children: \"extended thinking\"\n }), \" in a skill, include the word “ultrathink” anywhere in your skill content.\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"run-skills-in-a-subagent\",\n children: \"Run skills in a subagent\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Add \", _jsx(_components.code, {\n children: \"context: fork\"\n }), \" to your frontmatter when you want a skill to run in isolation. The skill content becomes the prompt that drives the subagent. It won’t have access to your conversation history.\"]\n }), \"\\n\", _jsx(Warning, {\n children: _jsxs(_components.p, {\n children: [_jsx(_components.code, {\n children: \"context: fork\"\n }), \" only makes sense for skills with explicit instructions. If your skill contains guidelines like “use these API conventions” without a task, the subagent receives the guidelines but no actionable prompt, and returns without meaningful output.\"]\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skills and \", _jsx(_components.a, {\n href: \"/en/sub-agents\",\n children: \"subagents\"\n }), \" work together in two directions:\"]\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Approach\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"System prompt\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Task\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Also loads\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Skill with \", _jsx(_components.code, {\n children: \"context: fork\"\n })]\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"From agent type (\", _jsx(_components.code, {\n children: \"Explore\"\n }), \", \", _jsx(_components.code, {\n children: \"Plan\"\n }), \", etc.)\"]\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"SKILL.md content\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"CLAUDE.md\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Subagent with \", _jsx(_components.code, {\n children: \"skills\"\n }), \" field\"]\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Subagent’s markdown body\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Claude’s delegation message\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Preloaded skills + CLAUDE.md\"\n })]\n })]\n })]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"With \", _jsx(_components.code, {\n children: \"context: fork\"\n }), \", you write the task in your skill and pick an agent type to execute it. For the inverse (defining a custom subagent that uses skills as reference material), see \", _jsx(_components.a, {\n href: \"/en/sub-agents#preload-skills-into-subagents\",\n children: \"Subagents\"\n }), \".\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"4\",\n id: \"example%3A-research-skill-using-explore-agent\",\n children: \"Example: Research skill using Explore agent\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"This skill runs research in a forked Explore agent. The skill content becomes the task, and the agent provides read-only tools optimized for codebase exploration:\"\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"12\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"12\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"deep-research\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Research a topic thoroughly\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"context\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fork\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"agent\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Explore\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Research $ARGUMENTS thoroughly\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"1. Find relevant files using Glob and Grep\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"2. Read and analyze the code\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"3. Summarize findings with specific file references\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(_components.p, {\n children: \"When this skill runs:\"\n }), \"\\n\", _jsxs(_components.ol, {\n children: [\"\\n\", _jsx(_components.li, {\n children: \"A new isolated context is created\"\n }), \"\\n\", _jsx(_components.li, {\n children: \"The subagent receives the skill content as its prompt (“Research $ARGUMENTS thoroughly…”)\"\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"The \", _jsx(_components.code, {\n children: \"agent\"\n }), \" field determines the execution environment (model, tools, and permissions)\"]\n }), \"\\n\", _jsx(_components.li, {\n children: \"Results are summarized and returned to your main conversation\"\n }), \"\\n\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"The \", _jsx(_components.code, {\n children: \"agent\"\n }), \" field specifies which subagent configuration to use. Options include built-in agents (\", _jsx(_components.code, {\n children: \"Explore\"\n }), \", \", _jsx(_components.code, {\n children: \"Plan\"\n }), \", \", _jsx(_components.code, {\n children: \"general-purpose\"\n }), \") or any custom subagent from \", _jsx(_components.code, {\n children: \".claude/agents/\"\n }), \". If omitted, uses \", _jsx(_components.code, {\n children: \"general-purpose\"\n }), \".\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"restrict-claude%E2%80%99s-skill-access\",\n children: \"Restrict Claude’s skill access\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"By default, Claude can invoke any skill that doesn’t have \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" set. Skills that define \", _jsx(_components.code, {\n children: \"allowed-tools\"\n }), \" grant Claude access to those tools without per-use approval when the skill is active. Your \", _jsx(_components.a, {\n href: \"/en/permissions\",\n children: \"permission settings\"\n }), \" still govern baseline approval behavior for all other tools. Built-in commands like \", _jsx(_components.code, {\n children: \"/compact\"\n }), \" and \", _jsx(_components.code, {\n children: \"/init\"\n }), \" are not available through the Skill tool.\"]\n }), \"\\n\", _jsx(_components.p, {\n children: \"Three ways to control which skills Claude can invoke:\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Disable all skills\"\n }), \" by denying the Skill tool in \", _jsx(_components.code, {\n children: \"/permissions\"\n }), \":\"]\n }), \"\\n\", _jsx(CodeBlock, {\n numberOfLines: \"3\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"3\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"# Add to deny rules:\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"Skill\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Allow or deny specific skills\"\n }), \" using \", _jsx(_components.a, {\n href: \"/en/permissions\",\n children: \"permission rules\"\n }), \":\"]\n }), \"\\n\", _jsx(CodeBlock, {\n numberOfLines: \"7\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"7\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"# Allow only specific skills\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"Skill(commit)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"Skill(review-pr *)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"# Deny specific skills\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"Skill(deploy *)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Permission syntax: \", _jsx(_components.code, {\n children: \"Skill(name)\"\n }), \" for exact match, \", _jsx(_components.code, {\n children: \"Skill(name *)\"\n }), \" for prefix match with any arguments.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Hide individual skills\"\n }), \" by adding \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" to their frontmatter. This removes the skill from Claude’s context entirely.\"]\n }), \"\\n\", _jsx(Note, {\n children: _jsxs(_components.p, {\n children: [\"The \", _jsx(_components.code, {\n children: \"user-invocable\"\n }), \" field only controls menu visibility, not Skill tool access. Use \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" to block programmatic invocation.\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"share-skills\",\n children: \"Share skills\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Skills can be distributed at different scopes depending on your audience:\"\n }), \"\\n\", _jsxs(_components.ul, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: \"Project skills\"\n }), \": Commit \", _jsx(_components.code, {\n children: \".claude/skills/\"\n }), \" to version control\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: \"Plugins\"\n }), \": Create a \", _jsx(_components.code, {\n children: \"skills/\"\n }), \" directory in your \", _jsx(_components.a, {\n href: \"/en/plugins\",\n children: \"plugin\"\n })]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: \"Managed\"\n }), \": Deploy organization-wide through \", _jsx(_components.a, {\n href: \"/en/permissions#managed-settings\",\n children: \"managed settings\"\n })]\n }), \"\\n\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"generate-visual-output\",\n children: \"Generate visual output\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Skills can bundle and run scripts in any language, giving Claude capabilities beyond what’s possible in a single prompt. One powerful pattern is generating visual output: interactive HTML files that open in your browser for exploring data, debugging, or creating reports.\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"This example creates a codebase explorer: an interactive tree view where you can expand and collapse directories, see file sizes at a glance, and identify file types by color.\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Create the Skill directory:\"\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"1\",\n language: \"shellscript\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"shellscript\",\n children: _jsxs(_components.code, {\n language: \"shellscript\",\n numberOfLines: \"1\",\n children: [_jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \"mkdir\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" -p\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" ~/.claude/skills/codebase-visualizer/scripts\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Create \", _jsx(_components.code, {\n children: \"~/.claude/skills/codebase-visualizer/SKILL.md\"\n }), \". The description tells Claude when to activate this Skill, and the instructions tell Claude to run the bundled script:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"26\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"26\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"codebase-visualizer\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Generate an interactive collapsible tree visualization of your codebase. Use when exploring a new repo, understanding project structure, or identifying large files.\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"allowed-tools\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Bash(python *)\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"# Codebase Visualizer\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Generate an interactive HTML tree view that shows your project's file structure with collapsible directories.\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"## Usage\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Run the visualization script from your project root\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"```\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"bash\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"python ~/.claude/skills/codebase-visualizer/scripts/visualize.py .\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"```\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"This creates `codebase-map.html` in the current directory and opens it in your default browser.\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"## What the visualization shows\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"*Collapsible\"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" directories**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Click folders to expand/collapse\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"*File\"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" sizes**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Displayed next to each file\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"*Colors**:\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" Different colors for different file types\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"*Directory\"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" totals**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Shows aggregate size of each folder\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Create \", _jsx(_components.code, {\n children: \"~/.claude/skills/codebase-visualizer/scripts/visualize.py\"\n }), \". This script scans a directory tree and generates a self-contained HTML file with:\"]\n }), \"\\n\", _jsxs(_components.ul, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [\"A \", _jsx(_components.strong, {\n children: \"summary sidebar\"\n }), \" showing file count, directory count, total size, and number of file types\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"A \", _jsx(_components.strong, {\n children: \"bar chart\"\n }), \" breaking down the codebase by file type (top 8 by size)\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"A \", _jsx(_components.strong, {\n children: \"collapsible tree\"\n }), \" where you can expand and collapse directories, with color-coded file type indicators\"]\n }), \"\\n\"]\n }), \"\\n\", _jsx(_components.p, {\n children: \"The script requires Python but uses only built-in libraries, so there are no packages to install:\"\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n expandable: \"true\",\n numberOfLines: \"131\",\n language: \"python\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"python\",\n children: _jsxs(_components.code, {\n language: \"python\",\n numberOfLines: \"131\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"#!/usr/bin/env python3\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\\\"\\\"Generate an interactive collapsible tree visualization of a codebase.\\\"\\\"\\\"\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" json\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" sys\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" webbrowser\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"from\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" pathlib \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" Path\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"from\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" collections \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" Counter\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"IGNORE\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" =\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.git'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'node_modules'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'__pycache__'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.venv'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'venv'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'dist'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'build'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"}\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"def\"\n }), _jsx(_components.span, {\n style: {\n color: \"#8250DF\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" scan\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"path\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": Path, \"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"stats\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \"dict\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \") -\u003e \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \"dict\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"name\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": path.name, \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"children\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": [], \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"0\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" try\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" for\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"in\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" sorted\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(path.iterdir()):\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.name \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"in\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" IGNORE\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" or\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.name.startswith(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"):\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" continue\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.is_file():\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" size \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.stat().st_size\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" ext \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.suffix.lower() \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"or\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '(no ext)'\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"children\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"].append({\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"name\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": item.name, \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": size, \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"ext\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": ext})\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" size\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"files\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"extensions\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"][ext] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"ext_sizes\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"][ext] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" size\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" elif\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.is_dir():\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"dirs\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" child \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" scan(item, stats)\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" child[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"children\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]:\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"children\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"].append(child)\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" child[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" except\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \" PermissionError\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" pass\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" return\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"def\"\n }), _jsx(_components.span, {\n style: {\n color: \"#8250DF\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" generate_html\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"data\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \"dict\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"stats\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \"dict\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"output\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": Path) -\u003e \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"None\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" ext_sizes \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"ext_sizes\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" total_size \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" sum\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(ext_sizes.values()) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"or\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" sorted_exts \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" sorted\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(ext_sizes.items(), \"\n }), _jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"key\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"lambda\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \" x\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"-\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"x[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"1\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"])[:\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"8\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" colors \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" {\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.js'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#f7df1e'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.ts'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#3178c6'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.py'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#3776ab'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.go'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#00add8'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \",\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.rs'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#dea584'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.rb'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#cc342d'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.css'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#264de4'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.html'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#e34c26'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \",\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.json'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#6b7280'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.md'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#083fa1'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.yaml'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#cb171e'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.yml'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#cb171e'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \",\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.mdx'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#083fa1'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.tsx'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#3178c6'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.jsx'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#61dafb'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.sh'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#4eaa25'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \",\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" }\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" lang_bars \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \\\"\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \".join(\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\u003cdiv class=\\\"bar-row\\\"\u003e\u003cspan class=\\\"bar-label\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"ext\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e'\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\u003cdiv class=\\\"bar\\\" style=\\\"width:\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(size\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"/\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"total_size)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"100\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"%;background:\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"colors.get(ext,\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"#6b7280\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\u003e\u003c/div\u003e'\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\u003cspan class=\\\"bar-pct\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(size\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"/\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"total_size)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"100\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":.1f}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"%\u003c/span\u003e\u003c/div\u003e'\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" for\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" ext, size \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"in\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" sorted_exts\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" )\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" def\"\n }), _jsx(_components.span, {\n style: {\n color: \"#8250DF\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" fmt\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"b\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"):\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" b \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"\u003c\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1024\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"return\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"b\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" B\\\"\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" b \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"\u003c\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1048576\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"return\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"b\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"/\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"1024\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":.1f}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" KB\\\"\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" return\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"b\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"/\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"1048576\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":.1f}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" MB\\\"\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" html \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'''\u003c!DOCTYPE html\u003e\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003chtml\u003e\u003chead\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cmeta charset=\\\"utf-8\\\"\u003e\u003ctitle\u003eCodebase Explorer\u003c/title\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cstyle\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" body \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" font: 14px/1.5 system-ui, sans-serif; margin: 0; background: #1a1a2e; color: #eee; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .container \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" display: flex; height: 100vh; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .sidebar \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" width: 280px; background: #252542; padding: 20px; border-right: 1px solid #3d3d5c; overflow-y: auto; flex-shrink: 0; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .main \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" flex: 1; padding: 20px; overflow-y: auto; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" h1 \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" margin: 0 0 10px 0; font-size: 18px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" h2 \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" margin: 20px 0 10px 0; font-size: 14px; color: #888; text-transform: uppercase; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .stat \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #3d3d5c; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .stat-value \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" font-weight: bold; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .bar-row \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" display: flex; align-items: center; margin: 6px 0; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .bar-label \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" width: 55px; font-size: 12px; color: #aaa; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .bar \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" height: 18px; border-radius: 3px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .bar-pct \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" margin-left: 8px; font-size: 12px; color: #666; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .tree \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" list-style: none; padding-left: 20px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" details \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" cursor: pointer; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" summary \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" padding: 4px 8px; border-radius: 4px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" summary:hover \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" background: #2d2d44; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .folder \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" color: #ffd700; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .file \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" display: flex; align-items: center; padding: 4px 8px; border-radius: 4px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .file:hover \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" background: #2d2d44; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .size \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" color: #888; margin-left: auto; font-size: 12px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .dot \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" width: 8px; height: 8px; border-radius: 50%; margin-right: 8px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/style\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/head\u003e\u003cbody\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"container\\\"\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"sidebar\\\"\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003ch1\u003e📊 Summary\u003c/h1\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"stat\\\"\u003e\u003cspan\u003eFiles\u003c/span\u003e\u003cspan class=\\\"stat-value\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"files\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":,}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/div\u003e\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"stat\\\"\u003e\u003cspan\u003eDirectories\u003c/span\u003e\u003cspan class=\\\"stat-value\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"dirs\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":,}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/div\u003e\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"stat\\\"\u003e\u003cspan\u003eTotal size\u003c/span\u003e\u003cspan class=\\\"stat-value\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"fmt(data[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"])\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/div\u003e\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"stat\\\"\u003e\u003cspan\u003eFile types\u003c/span\u003e\u003cspan class=\\\"stat-value\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \"len\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"extensions\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"])\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/div\u003e\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003ch2\u003eBy file type\u003c/h2\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"lang_bars\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/div\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"main\\\"\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003ch1\u003e📁 \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"data[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"name\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/h1\u003e\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cul class=\\\"tree\\\" id=\\\"root\\\"\u003e\u003c/ul\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/div\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/div\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cscript\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const data = \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"json.dumps(data)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \";\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const colors = \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"json.dumps(colors)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \";\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" function fmt(b) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" if (b \u003c 1024) return b + ' B'; if (b \u003c 1048576) return (b/1024).toFixed(1) + ' KB'; return (b/1048576).toFixed(1) + ' MB'; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" function render(node, parent) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" if (node.children) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const det = document.createElement('details');\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" det.open = parent === document.getElementById('root');\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" det.innerHTML = `\u003csummary\u003e\u003cspan class=\\\"folder\\\"\u003e📁 $\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"node.name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003cspan class=\\\"size\\\"\u003e$\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fmt(node.size)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/summary\u003e`;\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const ul = document.createElement('ul'); ul.className = 'tree';\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" node.children.sort((a,b) =\u003e (b.children?1:0)-(a.children?1:0) || a.name.localeCompare(b.name));\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" node.children.forEach(c =\u003e render(c, ul));\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" det.appendChild(ul);\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const li = document.createElement('li'); li.appendChild(det); parent.appendChild(li);\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \" }}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" else \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const li = document.createElement('li'); li.className = 'file';\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" li.innerHTML = `\u003cspan class=\\\"dot\\\" style=\\\"background:$\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"colors[node.ext]||'#6b7280'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\u003e\u003c/span\u003e$\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"node.name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003cspan class=\\\"size\\\"\u003e$\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fmt(node.size)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e`;\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" parent.appendChild(li);\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \" }}\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \" }}\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" data.children.forEach(c =\u003e render(c, document.getElementById('root')));\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/script\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/body\u003e\u003c/html\u003e'''\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" output.write_text(html)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \" __name__\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" ==\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '__main__'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" target \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" Path(sys.argv[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"1\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" len\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(sys.argv) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" else\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \").resolve()\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"files\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"0\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"dirs\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"0\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"extensions\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": Counter(), \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"ext_sizes\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": Counter()}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" data \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" scan(target, stats)\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" out \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" Path(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'codebase-map.html'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" generate_html(data, stats, out)\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" print\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'Generated \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"out.absolute()\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" webbrowser.open(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'file://\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"out.absolute()\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"To test, open Claude Code in any project and ask “Visualize this codebase.” Claude runs the script, generates \", _jsx(_components.code, {\n children: \"codebase-map.html\"\n }), \", and opens it in your browser.\"]\n }), \"\\n\", _jsx(_components.p, {\n children: \"This pattern works for any visual output: dependency graphs, test coverage reports, API documentation, or database schema visualizations. The bundled script does the heavy lifting while Claude handles orchestration.\"\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"troubleshooting\",\n children: \"Troubleshooting\"\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"skill-not-triggering\",\n children: \"Skill not triggering\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"If Claude doesn’t use your skill when expected:\"\n }), \"\\n\", _jsxs(_components.ol, {\n children: [\"\\n\", _jsx(_components.li, {\n children: \"Check the description includes keywords users would naturally say\"\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"Verify the skill appears in \", _jsx(_components.code, {\n children: \"What skills are available?\"\n })]\n }), \"\\n\", _jsx(_components.li, {\n children: \"Try rephrasing your request to match the description more closely\"\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"Invoke it directly with \", _jsx(_components.code, {\n children: \"/skill-name\"\n }), \" if the skill is user-invocable\"]\n }), \"\\n\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"skill-triggers-too-often\",\n children: \"Skill triggers too often\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"If Claude uses your skill when you don’t want it:\"\n }), \"\\n\", _jsxs(_components.ol, {\n children: [\"\\n\", _jsx(_components.li, {\n children: \"Make the description more specific\"\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"Add \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" if you only want manual invocation\"]\n }), \"\\n\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"claude-doesn%E2%80%99t-see-all-my-skills\",\n children: \"Claude doesn’t see all my skills\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skill descriptions are loaded into context so Claude knows what’s available. If you have many skills, they may exceed the character budget. The budget scales dynamically at 2% of the context window, with a fallback of 16,000 characters. Run \", _jsx(_components.code, {\n children: \"/context\"\n }), \" to check for a warning about excluded skills.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"To override the limit, set the \", _jsx(_components.code, {\n children: \"SLASH_COMMAND_TOOL_CHAR_BUDGET\"\n }), \" environment variable.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"related-resources\",\n children: \"Related resources\"\n }), \"\\n\", _jsxs(_components.ul, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/sub-agents\",\n children: \"Subagents\"\n })\n }), \": delegate tasks to specialized agents\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/plugins\",\n children: \"Plugins\"\n })\n }), \": package and distribute skills with other extensions\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/hooks\",\n children: \"Hooks\"\n })\n }), \": automate workflows around tool events\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/memory\",\n children: \"Memory\"\n })\n }), \": manage CLAUDE.md files for persistent context\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/interactive-mode#built-in-commands\",\n children: \"Interactive mode\"\n })\n }), \": built-in commands and shortcuts\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/permissions\",\n children: \"Permissions\"\n })\n }), \": control tool and skill access\"]\n }), \"\\n\"]\n })]\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n"])</script><script>self.__next_f.push([1,"39:[\"$\",\"$L3d\",null,{\"slug\":\"en/skills\",\"pageMetadata\":\"$1a:props:children:props:value:pageMetadata\",\"theme\":\"mint\",\"children\":[\"$\",\"$L3e\",null,{\"mdxSource\":{\"compiledSource\":\"$3f\",\"frontmatter\":{},\"scope\":{\"config\":{},\"pageMetadata\":{\"title\":\"Extend Claude with skills\",\"description\":\"Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands.\",\"href\":\"/en/skills\"}}},\"mdxSourceWithNoJs\":{\"compiledSource\":\"$40\",\"frontmatter\":{},\"scope\":{\"config\":{},\"pageMetadata\":{\"title\":\"Extend Claude with skills\",\"description\":\"Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands.\",\"href\":\"/en/skills\"}}}}]}]\n"])</script><script>self.__next_f.push([1,"41:I[1221,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"45960\",\"static/chunks/45960-6a130743f551197d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"83378\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%40topbar/%5B%5B...slug%5D%5D/page-e4ccff3e6922c6c6.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"TopBar\",1]\n"])</script><script>self.__next_f.push([1,"16:[\"$\",\"$L41\",null,{\"pageMetadata\":{\"title\":\"Extend Claude with skills\",\"description\":\"Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands.\",\"href\":\"/en/skills\",\"hidden\":false},\"docsConfig\":{\"theme\":\"mint\",\"$schema\":\"https://mintlify.com/docs.json\",\"name\":\"Claude Code Docs\",\"colors\":{\"primary\":\"#0E0E0E\",\"light\":\"#D4A27F\",\"dark\":\"#0E0E0E\"},\"logo\":{\"light\":\"https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/light.svg?fit=max\u0026auto=format\u0026n=o69F7a6qoW9vboof\u0026q=85\u0026s=536eade682636e84231afce2577f9509\",\"dark\":\"https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/dark.svg?fit=max\u0026auto=format\u0026n=o69F7a6qoW9vboof\u0026q=85\u0026s=0766b3221061e80143e9f300733e640b\"},\"favicon\":\"/favicon.ico\",\"appearance\":{\"default\":\"system\"},\"background\":{\"color\":{\"light\":\"#FDFDF7\",\"dark\":\"#09090B\"}},\"navbar\":{\"links\":[{\"href\":\"https://platform.claude.com/\",\"label\":\"Claude Developer Platform\"}],\"primary\":{\"type\":\"button\",\"label\":\"Claude Code on the Web\",\"href\":\"https://claude.ai/code\"}},\"navigation\":{\"languages\":[{\"language\":\"en\",\"tabs\":[{\"tab\":\"Getting started\",\"groups\":[{\"group\":\"Getting started\",\"pages\":[\"en/overview\",\"en/quickstart\",\"en/changelog\"]},{\"group\":\"Core concepts\",\"pages\":[\"en/how-claude-code-works\",\"en/features-overview\",\"en/common-workflows\",\"en/best-practices\"]},{\"group\":\"Platforms and integrations\",\"pages\":[\"en/claude-code-on-the-web\",{\"group\":\"Claude Code on desktop\",\"pages\":[\"en/desktop-quickstart\",\"en/desktop\"]},\"en/chrome\",\"en/vs-code\",\"en/jetbrains\",\"en/github-actions\",\"en/gitlab-ci-cd\",\"en/slack\"]}]},{\"tab\":\"Build with Claude Code\",\"groups\":[{\"group\":\"Build with Claude Code\",\"pages\":[\"en/sub-agents\",\"en/agent-teams\",\"en/plugins\",\"en/discover-plugins\",\"en/skills\",\"en/output-styles\",\"en/hooks-guide\",\"en/headless\",\"en/mcp\",\"en/troubleshooting\"]}]},{\"tab\":\"Deployment\",\"groups\":[{\"group\":\"Deployment\",\"pages\":[\"en/third-party-integrations\",\"en/amazon-bedrock\",\"en/google-vertex-ai\",\"en/microsoft-foundry\",\"en/network-config\",\"en/llm-gateway\",\"en/devcontainer\"]}]},{\"tab\":\"Administration\",\"groups\":[{\"group\":\"Administration\",\"pages\":[\"en/setup\",\"en/authentication\",\"en/security\",\"en/server-managed-settings\",\"en/data-usage\",\"en/monitoring-usage\",\"en/costs\",\"en/analytics\",\"en/plugin-marketplaces\"]}]},{\"tab\":\"Configuration\",\"groups\":[{\"group\":\"Configuration\",\"pages\":[\"en/settings\",\"en/permissions\",\"en/sandboxing\",\"en/terminal-config\",\"en/model-config\",\"en/fast-mode\",\"en/memory\",\"en/statusline\",\"en/keybindings\"]}]},{\"tab\":\"Reference\",\"groups\":[{\"group\":\"Reference\",\"pages\":[\"en/cli-reference\",\"en/interactive-mode\",\"en/checkpointing\",\"en/hooks\",\"en/plugins-reference\"]}]},{\"tab\":\"Resources\",\"groups\":[{\"group\":\"Resources\",\"pages\":[\"en/legal-and-compliance\"]}]}]},{\"language\":\"fr\",\"tabs\":[{\"tab\":\"Démarrer\",\"groups\":[{\"group\":\"Démarrer\",\"pages\":[\"fr/overview\",\"fr/quickstart\",\"fr/changelog\"]},{\"group\":\"Concepts fondamentaux\",\"pages\":[\"fr/how-claude-code-works\",\"fr/features-overview\",\"fr/common-workflows\",\"fr/best-practices\"]},{\"group\":\"Plateformes et intégrations\",\"pages\":[\"fr/claude-code-on-the-web\",\"fr/desktop\",\"fr/chrome\",\"fr/vs-code\",\"fr/jetbrains\",\"fr/github-actions\",\"fr/gitlab-ci-cd\",\"fr/slack\"]}]},{\"tab\":\"Créer avec Claude Code\",\"groups\":[{\"group\":\"Créer avec Claude Code\",\"pages\":[\"fr/sub-agents\",\"fr/agent-teams\",\"fr/plugins\",\"fr/discover-plugins\",\"fr/skills\",\"fr/output-styles\",\"fr/hooks-guide\",\"fr/headless\",\"fr/mcp\",\"fr/troubleshooting\"]}]},{\"tab\":\"Déploiement\",\"groups\":[{\"group\":\"Déploiement\",\"pages\":[\"fr/third-party-integrations\",\"fr/amazon-bedrock\",\"fr/google-vertex-ai\",\"fr/microsoft-foundry\",\"fr/network-config\",\"fr/llm-gateway\",\"fr/devcontainer\"]}]},{\"tab\":\"Administration\",\"groups\":[{\"group\":\"Administration\",\"pages\":[\"fr/setup\",\"fr/authentication\",\"fr/security\",\"fr/server-managed-settings\",\"fr/data-usage\",\"fr/monitoring-usage\",\"fr/costs\",\"fr/analytics\",\"fr/plugin-marketplaces\"]}]},{\"tab\":\"Configuration\",\"groups\":[{\"group\":\"Configuration\",\"pages\":[\"fr/settings\",\"fr/permissions\",\"fr/sandboxing\",\"fr/terminal-config\",\"fr/model-config\",\"fr/fast-mode\",\"fr/memory\",\"fr/statusline\",\"fr/keybindings\"]}]},{\"tab\":\"Référence\",\"groups\":[{\"group\":\"Référence\",\"pages\":[\"fr/cli-reference\",\"fr/interactive-mode\",\"fr/checkpointing\",\"fr/hooks\",\"fr/plugins-reference\"]}]},{\"tab\":\"Ressources\",\"groups\":[{\"group\":\"Ressources\",\"pages\":[\"fr/legal-and-compliance\"]}]}]},{\"language\":\"de\",\"tabs\":[{\"tab\":\"Erste Schritte\",\"groups\":[{\"group\":\"Erste Schritte\",\"pages\":[\"de/overview\",\"de/quickstart\",\"de/changelog\"]},{\"group\":\"Kernkonzepte\",\"pages\":[\"de/how-claude-code-works\",\"de/features-overview\",\"de/common-workflows\",\"de/best-practices\"]},{\"group\":\"Plattformen und Integrationen\",\"pages\":[\"de/claude-code-on-the-web\",\"de/desktop\",\"de/chrome\",\"de/vs-code\",\"de/jetbrains\",\"de/github-actions\",\"de/gitlab-ci-cd\",\"de/slack\"]}]},{\"tab\":\"Mit Claude Code erstellen\",\"groups\":[{\"group\":\"Mit Claude Code erstellen\",\"pages\":[\"de/sub-agents\",\"de/agent-teams\",\"de/plugins\",\"de/discover-plugins\",\"de/skills\",\"de/output-styles\",\"de/hooks-guide\",\"de/headless\",\"de/mcp\",\"de/troubleshooting\"]}]},{\"tab\":\"Bereitstellung\",\"groups\":[{\"group\":\"Bereitstellung\",\"pages\":[\"de/third-party-integrations\",\"de/amazon-bedrock\",\"de/google-vertex-ai\",\"de/microsoft-foundry\",\"de/network-config\",\"de/llm-gateway\",\"de/devcontainer\"]}]},{\"tab\":\"Verwaltung\",\"groups\":[{\"group\":\"Verwaltung\",\"pages\":[\"de/setup\",\"de/authentication\",\"de/security\",\"de/server-managed-settings\",\"de/data-usage\",\"de/monitoring-usage\",\"de/costs\",\"de/analytics\",\"de/plugin-marketplaces\"]}]},{\"tab\":\"Konfiguration\",\"groups\":[{\"group\":\"Konfiguration\",\"pages\":[\"de/settings\",\"de/permissions\",\"de/sandboxing\",\"de/terminal-config\",\"de/model-config\",\"de/fast-mode\",\"de/memory\",\"de/statusline\",\"de/keybindings\"]}]},{\"tab\":\"Referenz\",\"groups\":[{\"group\":\"Referenz\",\"pages\":[\"de/cli-reference\",\"de/interactive-mode\",\"de/checkpointing\",\"de/hooks\",\"de/plugins-reference\"]}]},{\"tab\":\"Ressourcen\",\"groups\":[{\"group\":\"Ressourcen\",\"pages\":[\"de/legal-and-compliance\"]}]}]},{\"language\":\"it\",\"tabs\":[{\"tab\":\"Guida introduttiva\",\"groups\":[{\"group\":\"Guida introduttiva\",\"pages\":[\"it/overview\",\"it/quickstart\",\"it/changelog\"]},{\"group\":\"Concetti fondamentali\",\"pages\":[\"it/how-claude-code-works\",\"it/features-overview\",\"it/common-workflows\",\"it/best-practices\"]},{\"group\":\"Piattaforme e integrazioni\",\"pages\":[\"it/claude-code-on-the-web\",\"it/desktop\",\"it/chrome\",\"it/vs-code\",\"it/jetbrains\",\"it/github-actions\",\"it/gitlab-ci-cd\",\"it/slack\"]}]},{\"tab\":\"Sviluppate con Claude Code\",\"groups\":[{\"group\":\"Sviluppate con Claude Code\",\"pages\":[\"it/sub-agents\",\"it/agent-teams\",\"it/plugins\",\"it/discover-plugins\",\"it/skills\",\"it/output-styles\",\"it/hooks-guide\",\"it/headless\",\"it/mcp\",\"it/troubleshooting\"]}]},{\"tab\":\"Distribuzione\",\"groups\":[{\"group\":\"Distribuzione\",\"pages\":[\"it/third-party-integrations\",\"it/amazon-bedrock\",\"it/google-vertex-ai\",\"it/microsoft-foundry\",\"it/network-config\",\"it/llm-gateway\",\"it/devcontainer\"]}]},{\"tab\":\"Amministrazione\",\"groups\":[{\"group\":\"Amministrazione\",\"pages\":[\"it/setup\",\"it/authentication\",\"it/security\",\"it/server-managed-settings\",\"it/data-usage\",\"it/monitoring-usage\",\"it/costs\",\"it/analytics\",\"it/plugin-marketplaces\"]}]},{\"tab\":\"Configurazione\",\"groups\":[{\"group\":\"Configurazione\",\"pages\":[\"it/settings\",\"it/permissions\",\"it/sandboxing\",\"it/terminal-config\",\"it/model-config\",\"it/fast-mode\",\"it/memory\",\"it/statusline\",\"it/keybindings\"]}]},{\"tab\":\"Riferimento\",\"groups\":[{\"group\":\"Riferimento\",\"pages\":[\"it/cli-reference\",\"it/interactive-mode\",\"it/checkpointing\",\"it/hooks\",\"it/plugins-reference\"]}]},{\"tab\":\"Risorse\",\"groups\":[{\"group\":\"Risorse\",\"pages\":[\"it/legal-and-compliance\"]}]}]},{\"language\":\"jp\",\"tabs\":[{\"tab\":\"はじめに\",\"groups\":[{\"group\":\"はじめに\",\"pages\":[\"ja/overview\",\"ja/quickstart\",\"ja/changelog\"]},{\"group\":\"コア概念\",\"pages\":[\"ja/how-claude-code-works\",\"ja/features-overview\",\"ja/common-workflows\",\"ja/best-practices\"]},{\"group\":\"プラットフォームと統合\",\"pages\":[\"ja/claude-code-on-the-web\",\"ja/desktop\",\"ja/chrome\",\"ja/vs-code\",\"ja/jetbrains\",\"ja/github-actions\",\"ja/gitlab-ci-cd\",\"ja/slack\"]}]},{\"tab\":\"Claude Code で構築する\",\"groups\":[{\"group\":\"Claude Code で構築する\",\"pages\":[\"ja/sub-agents\",\"ja/agent-teams\",\"ja/plugins\",\"ja/discover-plugins\",\"ja/skills\",\"ja/output-styles\",\"ja/hooks-guide\",\"ja/headless\",\"ja/mcp\",\"ja/troubleshooting\"]}]},{\"tab\":\"デプロイ\",\"groups\":[{\"group\":\"デプロイ\",\"pages\":[\"ja/third-party-integrations\",\"ja/amazon-bedrock\",\"ja/google-vertex-ai\",\"ja/microsoft-foundry\",\"ja/network-config\",\"ja/llm-gateway\",\"ja/devcontainer\"]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[\"ja/setup\",\"ja/authentication\",\"ja/security\",\"ja/server-managed-settings\",\"ja/data-usage\",\"ja/monitoring-usage\",\"ja/costs\",\"ja/analytics\",\"ja/plugin-marketplaces\"]}]},{\"tab\":\"設定\",\"groups\":[{\"group\":\"設定\",\"pages\":[\"ja/settings\",\"ja/permissions\",\"ja/sandboxing\",\"ja/terminal-config\",\"ja/model-config\",\"ja/fast-mode\",\"ja/memory\",\"ja/statusline\",\"ja/keybindings\"]}]},{\"tab\":\"リファレンス\",\"groups\":[{\"group\":\"リファレンス\",\"pages\":[\"ja/cli-reference\",\"ja/interactive-mode\",\"ja/checkpointing\",\"ja/hooks\",\"ja/plugins-reference\"]}]},{\"tab\":\"リソース\",\"groups\":[{\"group\":\"リソース\",\"pages\":[\"ja/legal-and-compliance\"]}]}]},{\"language\":\"es\",\"tabs\":[{\"tab\":\"Primeros pasos\",\"groups\":[{\"group\":\"Primeros pasos\",\"pages\":[\"es/overview\",\"es/quickstart\",\"es/changelog\"]},{\"group\":\"Conceptos fundamentales\",\"pages\":[\"es/how-claude-code-works\",\"es/features-overview\",\"es/common-workflows\",\"es/best-practices\"]},{\"group\":\"Plataformas e integraciones\",\"pages\":[\"es/claude-code-on-the-web\",\"es/desktop\",\"es/chrome\",\"es/vs-code\",\"es/jetbrains\",\"es/github-actions\",\"es/gitlab-ci-cd\",\"es/slack\"]}]},{\"tab\":\"Crear con Claude Code\",\"groups\":[{\"group\":\"Crear con Claude Code\",\"pages\":[\"es/sub-agents\",\"es/agent-teams\",\"es/plugins\",\"es/discover-plugins\",\"es/skills\",\"es/output-styles\",\"es/hooks-guide\",\"es/headless\",\"es/mcp\",\"es/troubleshooting\"]}]},{\"tab\":\"Implementación\",\"groups\":[{\"group\":\"Implementación\",\"pages\":[\"es/third-party-integrations\",\"es/amazon-bedrock\",\"es/google-vertex-ai\",\"es/microsoft-foundry\",\"es/network-config\",\"es/llm-gateway\",\"es/devcontainer\"]}]},{\"tab\":\"Administración\",\"groups\":[{\"group\":\"Administración\",\"pages\":[\"es/setup\",\"es/authentication\",\"es/security\",\"es/server-managed-settings\",\"es/data-usage\",\"es/monitoring-usage\",\"es/costs\",\"es/analytics\",\"es/plugin-marketplaces\"]}]},{\"tab\":\"Configuración\",\"groups\":[{\"group\":\"Configuración\",\"pages\":[\"es/settings\",\"es/permissions\",\"es/sandboxing\",\"es/terminal-config\",\"es/model-config\",\"es/fast-mode\",\"es/memory\",\"es/statusline\",\"es/keybindings\"]}]},{\"tab\":\"Referencia\",\"groups\":[{\"group\":\"Referencia\",\"pages\":[\"es/cli-reference\",\"es/interactive-mode\",\"es/checkpointing\",\"es/hooks\",\"es/plugins-reference\"]}]},{\"tab\":\"Recursos\",\"groups\":[{\"group\":\"Recursos\",\"pages\":[\"es/legal-and-compliance\"]}]}]},{\"language\":\"ko\",\"tabs\":[{\"tab\":\"시작하기\",\"groups\":[{\"group\":\"시작하기\",\"pages\":[\"ko/overview\",\"ko/quickstart\",\"ko/changelog\"]},{\"group\":\"핵심 개념\",\"pages\":[\"ko/how-claude-code-works\",\"ko/features-overview\",\"ko/common-workflows\",\"ko/best-practices\"]},{\"group\":\"플랫폼 및 통합\",\"pages\":[\"ko/claude-code-on-the-web\",\"ko/desktop\",\"ko/chrome\",\"ko/vs-code\",\"ko/jetbrains\",\"ko/github-actions\",\"ko/gitlab-ci-cd\",\"ko/slack\"]}]},{\"tab\":\"Claude Code로 빌드하기\",\"groups\":[{\"group\":\"Claude Code로 빌드하기\",\"pages\":[\"ko/sub-agents\",\"ko/agent-teams\",\"ko/plugins\",\"ko/discover-plugins\",\"ko/skills\",\"ko/output-styles\",\"ko/hooks-guide\",\"ko/headless\",\"ko/mcp\",\"ko/troubleshooting\"]}]},{\"tab\":\"배포\",\"groups\":[{\"group\":\"배포\",\"pages\":[\"ko/third-party-integrations\",\"ko/amazon-bedrock\",\"ko/google-vertex-ai\",\"ko/microsoft-foundry\",\"ko/network-config\",\"ko/llm-gateway\",\"ko/devcontainer\"]}]},{\"tab\":\"관리\",\"groups\":[{\"group\":\"관리\",\"pages\":[\"ko/setup\",\"ko/authentication\",\"ko/security\",\"ko/server-managed-settings\",\"ko/data-usage\",\"ko/monitoring-usage\",\"ko/costs\",\"ko/analytics\",\"ko/plugin-marketplaces\"]}]},{\"tab\":\"구성\",\"groups\":[{\"group\":\"구성\",\"pages\":[\"ko/settings\",\"ko/permissions\",\"ko/sandboxing\",\"ko/terminal-config\",\"ko/model-config\",\"ko/fast-mode\",\"ko/memory\",\"ko/statusline\",\"ko/keybindings\"]}]},{\"tab\":\"참고\",\"groups\":[{\"group\":\"참고\",\"pages\":[\"ko/cli-reference\",\"ko/interactive-mode\",\"ko/checkpointing\",\"ko/hooks\",\"ko/plugins-reference\"]}]},{\"tab\":\"리소스\",\"groups\":[{\"group\":\"리소스\",\"pages\":[\"ko/legal-and-compliance\"]}]}]},{\"language\":\"cn\",\"tabs\":[{\"tab\":\"快速开始\",\"groups\":[{\"group\":\"快速开始\",\"pages\":[\"zh-CN/overview\",\"zh-CN/quickstart\",\"zh-CN/changelog\"]},{\"group\":\"核心概念\",\"pages\":[\"zh-CN/how-claude-code-works\",\"zh-CN/features-overview\",\"zh-CN/common-workflows\",\"zh-CN/best-practices\"]},{\"group\":\"平台和集成\",\"pages\":[\"zh-CN/claude-code-on-the-web\",\"zh-CN/desktop\",\"zh-CN/chrome\",\"zh-CN/vs-code\",\"zh-CN/jetbrains\",\"zh-CN/github-actions\",\"zh-CN/gitlab-ci-cd\",\"zh-CN/slack\"]}]},{\"tab\":\"使用 Claude Code 构建\",\"groups\":[{\"group\":\"使用 Claude Code 构建\",\"pages\":[\"zh-CN/sub-agents\",\"zh-CN/agent-teams\",\"zh-CN/plugins\",\"zh-CN/discover-plugins\",\"zh-CN/skills\",\"zh-CN/output-styles\",\"zh-CN/hooks-guide\",\"zh-CN/headless\",\"zh-CN/mcp\",\"zh-CN/troubleshooting\"]}]},{\"tab\":\"部署\",\"groups\":[{\"group\":\"部署\",\"pages\":[\"zh-CN/third-party-integrations\",\"zh-CN/amazon-bedrock\",\"zh-CN/google-vertex-ai\",\"zh-CN/microsoft-foundry\",\"zh-CN/network-config\",\"zh-CN/llm-gateway\",\"zh-CN/devcontainer\"]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[\"zh-CN/setup\",\"zh-CN/authentication\",\"zh-CN/security\",\"zh-CN/server-managed-settings\",\"zh-CN/data-usage\",\"zh-CN/monitoring-usage\",\"zh-CN/costs\",\"zh-CN/analytics\",\"zh-CN/plugin-marketplaces\"]}]},{\"tab\":\"配置\",\"groups\":[{\"group\":\"配置\",\"pages\":[\"zh-CN/settings\",\"zh-CN/permissions\",\"zh-CN/sandboxing\",\"zh-CN/terminal-config\",\"zh-CN/model-config\",\"zh-CN/fast-mode\",\"zh-CN/memory\",\"zh-CN/statusline\",\"zh-CN/keybindings\"]}]},{\"tab\":\"参考\",\"groups\":[{\"group\":\"参考\",\"pages\":[\"zh-CN/cli-reference\",\"zh-CN/interactive-mode\",\"zh-CN/checkpointing\",\"zh-CN/hooks\",\"zh-CN/plugins-reference\"]}]},{\"tab\":\"资源\",\"groups\":[{\"group\":\"资源\",\"pages\":[\"zh-CN/legal-and-compliance\"]}]}]},{\"language\":\"zh-Hant\",\"tabs\":[{\"tab\":\"開始使用\",\"groups\":[{\"group\":\"開始使用\",\"pages\":[\"zh-TW/overview\",\"zh-TW/quickstart\",\"zh-TW/changelog\"]},{\"group\":\"核心概念\",\"pages\":[\"zh-TW/how-claude-code-works\",\"zh-TW/features-overview\",\"zh-TW/common-workflows\",\"zh-TW/best-practices\"]},{\"group\":\"平台和整合\",\"pages\":[\"zh-TW/claude-code-on-the-web\",\"zh-TW/desktop\",\"zh-TW/chrome\",\"zh-TW/vs-code\",\"zh-TW/jetbrains\",\"zh-TW/github-actions\",\"zh-TW/gitlab-ci-cd\",\"zh-TW/slack\"]}]},{\"tab\":\"使用 Claude Code 建構\",\"groups\":[{\"group\":\"使用 Claude Code 建構\",\"pages\":[\"zh-TW/sub-agents\",\"zh-TW/agent-teams\",\"zh-TW/plugins\",\"zh-TW/discover-plugins\",\"zh-TW/skills\",\"zh-TW/output-styles\",\"zh-TW/hooks-guide\",\"zh-TW/headless\",\"zh-TW/mcp\",\"zh-TW/troubleshooting\"]}]},{\"tab\":\"部署\",\"groups\":[{\"group\":\"部署\",\"pages\":[\"zh-TW/third-party-integrations\",\"zh-TW/amazon-bedrock\",\"zh-TW/google-vertex-ai\",\"zh-TW/microsoft-foundry\",\"zh-TW/network-config\",\"zh-TW/llm-gateway\",\"zh-TW/devcontainer\"]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[\"zh-TW/setup\",\"zh-TW/authentication\",\"zh-TW/security\",\"zh-TW/server-managed-settings\",\"zh-TW/data-usage\",\"zh-TW/monitoring-usage\",\"zh-TW/costs\",\"zh-TW/analytics\",\"zh-TW/plugin-marketplaces\"]}]},{\"tab\":\"設定\",\"groups\":[{\"group\":\"設定\",\"pages\":[\"zh-TW/settings\",\"zh-TW/permissions\",\"zh-TW/sandboxing\",\"zh-TW/terminal-config\",\"zh-TW/model-config\",\"zh-TW/fast-mode\",\"zh-TW/memory\",\"zh-TW/statusline\",\"zh-TW/keybindings\"]}]},{\"tab\":\"參考資料\",\"groups\":[{\"group\":\"參考資料\",\"pages\":[\"zh-TW/cli-reference\",\"zh-TW/interactive-mode\",\"zh-TW/checkpointing\",\"zh-TW/hooks\",\"zh-TW/plugins-reference\"]}]},{\"tab\":\"資源\",\"groups\":[{\"group\":\"資源\",\"pages\":[\"zh-TW/legal-and-compliance\"]}]}]},{\"language\":\"ru\",\"tabs\":[{\"tab\":\"Начало работы\",\"groups\":[{\"group\":\"Начало работы\",\"pages\":[\"ru/overview\",\"ru/quickstart\",\"ru/changelog\"]},{\"group\":\"Основные концепции\",\"pages\":[\"ru/how-claude-code-works\",\"ru/features-overview\",\"ru/common-workflows\",\"ru/best-practices\"]},{\"group\":\"Платформы и интеграции\",\"pages\":[\"ru/claude-code-on-the-web\",\"ru/desktop\",\"ru/chrome\",\"ru/vs-code\",\"ru/jetbrains\",\"ru/github-actions\",\"ru/gitlab-ci-cd\",\"ru/slack\"]}]},{\"tab\":\"Разработка с Claude Code\",\"groups\":[{\"group\":\"Разработка с Claude Code\",\"pages\":[\"ru/sub-agents\",\"ru/agent-teams\",\"ru/plugins\",\"ru/discover-plugins\",\"ru/skills\",\"ru/output-styles\",\"ru/hooks-guide\",\"ru/headless\",\"ru/mcp\",\"ru/troubleshooting\"]}]},{\"tab\":\"Развертывание\",\"groups\":[{\"group\":\"Развертывание\",\"pages\":[\"ru/third-party-integrations\",\"ru/amazon-bedrock\",\"ru/google-vertex-ai\",\"ru/microsoft-foundry\",\"ru/network-config\",\"ru/llm-gateway\",\"ru/devcontainer\"]}]},{\"tab\":\"Администрирование\",\"groups\":[{\"group\":\"Администрирование\",\"pages\":[\"ru/setup\",\"ru/authentication\",\"ru/security\",\"ru/server-managed-settings\",\"ru/data-usage\",\"ru/monitoring-usage\",\"ru/costs\",\"ru/analytics\",\"ru/plugin-marketplaces\"]}]},{\"tab\":\"Конфигурация\",\"groups\":[{\"group\":\"Конфигурация\",\"pages\":[\"ru/settings\",\"ru/permissions\",\"ru/sandboxing\",\"ru/terminal-config\",\"ru/model-config\",\"ru/fast-mode\",\"ru/memory\",\"ru/statusline\",\"ru/keybindings\"]}]},{\"tab\":\"Справочник\",\"groups\":[{\"group\":\"Справочник\",\"pages\":[\"ru/cli-reference\",\"ru/interactive-mode\",\"ru/checkpointing\",\"ru/hooks\",\"ru/plugins-reference\"]}]},{\"tab\":\"Ресурсы\",\"groups\":[{\"group\":\"Ресурсы\",\"pages\":[\"ru/legal-and-compliance\"]}]}]},{\"language\":\"id\",\"tabs\":[{\"tab\":\"Memulai\",\"groups\":[{\"group\":\"Memulai\",\"pages\":[\"id/overview\",\"id/quickstart\",\"id/changelog\"]},{\"group\":\"Konsep Inti\",\"pages\":[\"id/how-claude-code-works\",\"id/features-overview\",\"id/common-workflows\",\"id/best-practices\"]},{\"group\":\"Platform dan integrasi\",\"pages\":[\"id/claude-code-on-the-web\",\"id/desktop\",\"id/chrome\",\"id/vs-code\",\"id/jetbrains\",\"id/github-actions\",\"id/gitlab-ci-cd\",\"id/slack\"]}]},{\"tab\":\"Bangun dengan Claude Code\",\"groups\":[{\"group\":\"Bangun dengan Claude Code\",\"pages\":[\"id/sub-agents\",\"id/agent-teams\",\"id/plugins\",\"id/discover-plugins\",\"id/skills\",\"id/output-styles\",\"id/hooks-guide\",\"id/headless\",\"id/mcp\",\"id/troubleshooting\"]}]},{\"tab\":\"Penerapan\",\"groups\":[{\"group\":\"Penerapan\",\"pages\":[\"id/third-party-integrations\",\"id/amazon-bedrock\",\"id/google-vertex-ai\",\"id/microsoft-foundry\",\"id/network-config\",\"id/llm-gateway\",\"id/devcontainer\"]}]},{\"tab\":\"Administrasi\",\"groups\":[{\"group\":\"Administrasi\",\"pages\":[\"id/setup\",\"id/authentication\",\"id/security\",\"id/server-managed-settings\",\"id/data-usage\",\"id/monitoring-usage\",\"id/costs\",\"id/analytics\",\"id/plugin-marketplaces\"]}]},{\"tab\":\"Konfigurasi\",\"groups\":[{\"group\":\"Konfigurasi\",\"pages\":[\"id/settings\",\"id/permissions\",\"id/sandboxing\",\"id/terminal-config\",\"id/model-config\",\"id/fast-mode\",\"id/memory\",\"id/statusline\",\"id/keybindings\"]}]},{\"tab\":\"Referensi\",\"groups\":[{\"group\":\"Referensi\",\"pages\":[\"id/cli-reference\",\"id/interactive-mode\",\"id/checkpointing\",\"id/hooks\",\"id/plugins-reference\"]}]},{\"tab\":\"Sumber Daya\",\"groups\":[{\"group\":\"Sumber Daya\",\"pages\":[\"id/legal-and-compliance\"]}]}]},{\"language\":\"pt-BR\",\"tabs\":[{\"tab\":\"Primeiros passos\",\"groups\":[{\"group\":\"Primeiros passos\",\"pages\":[\"pt/overview\",\"pt/quickstart\",\"pt/changelog\"]},{\"group\":\"Conceitos principais\",\"pages\":[\"pt/how-claude-code-works\",\"pt/features-overview\",\"pt/common-workflows\",\"pt/best-practices\"]},{\"group\":\"Plataformas e integrações\",\"pages\":[\"pt/claude-code-on-the-web\",\"pt/desktop\",\"pt/chrome\",\"pt/vs-code\",\"pt/jetbrains\",\"pt/github-actions\",\"pt/gitlab-ci-cd\",\"pt/slack\"]}]},{\"tab\":\"Construir com Claude Code\",\"groups\":[{\"group\":\"Construir com Claude Code\",\"pages\":[\"pt/sub-agents\",\"pt/agent-teams\",\"pt/plugins\",\"pt/discover-plugins\",\"pt/skills\",\"pt/output-styles\",\"pt/hooks-guide\",\"pt/headless\",\"pt/mcp\",\"pt/troubleshooting\"]}]},{\"tab\":\"Implantação\",\"groups\":[{\"group\":\"Implantação\",\"pages\":[\"pt/third-party-integrations\",\"pt/amazon-bedrock\",\"pt/google-vertex-ai\",\"pt/microsoft-foundry\",\"pt/network-config\",\"pt/llm-gateway\",\"pt/devcontainer\"]}]},{\"tab\":\"Administração\",\"groups\":[{\"group\":\"Administração\",\"pages\":[\"pt/setup\",\"pt/authentication\",\"pt/security\",\"pt/server-managed-settings\",\"pt/data-usage\",\"pt/monitoring-usage\",\"pt/costs\",\"pt/analytics\",\"pt/plugin-marketplaces\"]}]},{\"tab\":\"Configuração\",\"groups\":[{\"group\":\"Configuração\",\"pages\":[\"pt/settings\",\"pt/permissions\",\"pt/sandboxing\",\"pt/terminal-config\",\"pt/model-config\",\"pt/fast-mode\",\"pt/memory\",\"pt/statusline\",\"pt/keybindings\"]}]},{\"tab\":\"Referência\",\"groups\":[{\"group\":\"Referência\",\"pages\":[\"pt/cli-reference\",\"pt/interactive-mode\",\"pt/checkpointing\",\"pt/hooks\",\"pt/plugins-reference\"]}]},{\"tab\":\"Recursos\",\"groups\":[{\"group\":\"Recursos\",\"pages\":[\"pt/legal-and-compliance\"]}]}]}]},\"footer\":{\"socials\":{\"x\":\"https://x.com/AnthropicAI\",\"linkedin\":\"https://www.linkedin.com/company/anthropicresearch\"},\"links\":[{\"header\":\"Company\",\"items\":[{\"label\":\"Anthropic\",\"href\":\"https://www.anthropic.com/company\"},{\"label\":\"Careers\",\"href\":\"https://www.anthropic.com/careers\"},{\"label\":\"Economic Futures\",\"href\":\"https://www.anthropic.com/economic-futures\"},{\"label\":\"Research\",\"href\":\"https://www.anthropic.com/research\"},{\"label\":\"News\",\"href\":\"https://www.anthropic.com/news\"},{\"label\":\"Trust center\",\"href\":\"https://trust.anthropic.com/\"},{\"label\":\"Transparency\",\"href\":\"https://www.anthropic.com/transparency\"}]},{\"header\":\"Help and security\",\"items\":[{\"label\":\"Availability\",\"href\":\"https://www.anthropic.com/supported-countries\"},{\"label\":\"Status\",\"href\":\"https://status.anthropic.com/\"},{\"label\":\"Support center\",\"href\":\"https://support.claude.com/\"}]},{\"header\":\"Learn\",\"items\":[{\"label\":\"Courses\",\"href\":\"https://www.anthropic.com/learn\"},{\"label\":\"MCP connectors\",\"href\":\"https://claude.com/partners/mcp\"},{\"label\":\"Customer stories\",\"href\":\"https://www.claude.com/customers\"},{\"label\":\"Engineering blog\",\"href\":\"https://www.anthropic.com/engineering\"},{\"label\":\"Events\",\"href\":\"https://www.anthropic.com/events\"},{\"label\":\"Powered by Claude\",\"href\":\"https://claude.com/partners/powered-by-claude\"},{\"label\":\"Service partners\",\"href\":\"https://claude.com/partners/services\"},{\"label\":\"Startups program\",\"href\":\"https://claude.com/programs/startups\"}]},{\"header\":\"Terms and policies\",\"items\":[{\"label\":\"Privacy policy\",\"href\":\"https://www.anthropic.com/legal/privacy\"},{\"label\":\"Disclosure policy\",\"href\":\"https://www.anthropic.com/responsible-disclosure-policy\"},{\"label\":\"Usage policy\",\"href\":\"https://www.anthropic.com/legal/aup\"},{\"label\":\"Commercial terms\",\"href\":\"https://www.anthropic.com/legal/commercial-terms\"},{\"label\":\"Consumer terms\",\"href\":\"https://www.anthropic.com/legal/consumer-terms\"}]}]},\"seo\":{\"metatags\":{\"canonical\":\"https://code.claude.com/docs\"}},\"fonts\":{\"family\":\"Anthropic Sans\"},\"redirects\":[{\"source\":\"/en/iam\",\"destination\":\"/en/authentication\",\"permanent\":true},{\"source\":\"/en/cli-usage\",\"destination\":\"/en/cli-reference\",\"permanent\":true},{\"source\":\"/en/ide-integrations\",\"destination\":\"/en/vs-code\",\"permanent\":true},{\"source\":\"/en/tutorials\",\"destination\":\"/en/common-workflows\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/tutorials\",\"destination\":\"/en/common-workflows\",\"permanent\":true},{\"source\":\"/en/team\",\"destination\":\"/en/authentication\",\"permanent\":true},{\"source\":\"/en/corporate-proxy\",\"destination\":\"/en/network-config\",\"permanent\":true},{\"source\":\"/en/sdk/sdk-headless\",\"destination\":\"/en/headless\",\"permanent\":true},{\"source\":\"/s/claude-code-github-actions\",\"destination\":\"/en/github-actions\",\"permanent\":false},{\"source\":\"/s/claude-code-ide-integrations\",\"destination\":\"/en/ide-integrations\",\"permanent\":false},{\"source\":\"/s/claude-code-worktrees\",\"destination\":\"/en/common-workflows#run-parallel-claude-code-sessions-with-git-worktrees\",\"permanent\":false},{\"source\":\"/s/claude-code-troubleshooting\",\"destination\":\"/en/troubleshooting\",\"permanent\":false},{\"source\":\"/s/claude-code-auto-updater\",\"destination\":\"/en/settings#auto-updater-permission-options\",\"permanent\":false},{\"source\":\"/s/claude-code-mcp\",\"destination\":\"/en/mcp\",\"permanent\":false},{\"source\":\"/s/claude-code-cost\",\"destination\":\"/en/costs\",\"permanent\":false},{\"source\":\"/s/claude-code\",\"destination\":\"/en/overview\",\"permanent\":false},{\"source\":\"/s/claude-code-security\",\"destination\":\"/en/security\",\"permanent\":false},{\"source\":\"/en/agents-and-tools/claude-code/overview\",\"destination\":\"/en/overview\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/common-workflows\",\"destination\":\"/en/common-workflows\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/troubleshooting\",\"destination\":\"/en/troubleshooting\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/overview#notification-setup\",\"destination\":\"/en/setup#notification-setup\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/bedrock-vertex\",\"destination\":\"/en/third-party-integrations\",\"permanent\":true},{\"source\":\"/en/bedrock-vertex\",\"destination\":\"/en/third-party-integrations\",\"permanent\":true},{\"source\":\"/s/claude-code-enterprise-setup\",\"destination\":\"/en/third-party-integrations\",\"permanent\":false},{\"source\":\"/en/bedrock-vertex-proxies\",\"destination\":\"/en/third-party-integrations\",\"permanent\":true},{\"source\":\"/en/getting-started\",\"destination\":\"/en/setup\",\"permanent\":true},{\"source\":\"/en/subagents\",\"destination\":\"/en/sub-agents\",\"permanent\":true},{\"source\":\"/en/azure-ai-foundry\",\"destination\":\"/en/microsoft-foundry\",\"permanent\":true},{\"source\":\"/en/sdk/migration-guide\",\"destination\":\"https://platform.claude.com/docs/en/agent-sdk/migration-guide\",\"permanent\":true},{\"source\":\"/en/slash-commands\",\"destination\":\"/en/skills\",\"permanent\":true}],\"contextual\":{\"options\":[\"copy\",\"view\",\"claude\"],\"display\":\"header\"},\"styling\":{\"latex\":true}}}]\n"])</script><script>self.__next_f.push([1,"42:I[71252,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"LivePreviewProvider\"]\n"])</script><script>self.__next_f.push([1,"43:I[49769,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"44:I[30793,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"AuthProvider\",1]\n"])</script><script>self.__next_f.push([1,"45:I[30793,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"DeploymentMetadataProvider\",1]\n"])</script><script>self.__next_f.push([1,"46:I[30793,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"DocsConfigProvider\",1]\n"])</script><script>self.__next_f.push([1,"15:[\"$\",\"$L42\",null,{\"isLivePreviewRoute\":false,\"children\":[\"$\",\"$L5\",null,{\"appearance\":{\"default\":\"system\"},\"codeblockTheme\":\"system\",\"children\":[false,[\"$\",\"$L33\",null,{\"id\":\"_mintlify-banner-script\",\"strategy\":\"beforeInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"(function j(a,b,c,d,e){try{let f,g,h=[];try{h=window.location.pathname.split(\\\"/\\\").filter(a=\u003e\\\"\\\"!==a\u0026\u0026\\\"global\\\"!==a).slice(0,2)}catch{h=[]}let i=h.find(a=\u003ec.includes(a)),j=[];for(let c of(i?j.push(i):j.push(b),j.push(\\\"global\\\"),j)){if(!c)continue;let b=a[c];if(b?.content){f=b.content,g=c;break}}if(!f)return void document.documentElement.setAttribute(d,\\\"hidden\\\");let k=!0,l=0;for(;l\u003clocalStorage.length;){let a=localStorage.key(l);if(l++,!a?.endsWith(e))continue;let b=localStorage.getItem(a);if(b\u0026\u0026b===f){k=!1;break}g\u0026\u0026(a.startsWith(`lang:${g}_`)||!a.startsWith(\\\"lang:\\\"))\u0026\u0026(localStorage.removeItem(a),l--)}document.documentElement.setAttribute(d,k?\\\"visible\\\":\\\"hidden\\\")}catch(a){console.error(a),document.documentElement.setAttribute(d,\\\"hidden\\\")}})(\\n {},\\n \\\"en\\\",\\n [\\\"en\\\",\\\"fr\\\",\\\"de\\\",\\\"it\\\",\\\"jp\\\",\\\"es\\\",\\\"ko\\\",\\\"cn\\\",\\\"zh-Hant\\\",\\\"ru\\\",\\\"id\\\",\\\"pt-BR\\\"],\\n \\\"data-banner-state\\\",\\n \\\"bannerDismissed\\\",\\n)\"}}],[\"$\",\"$L43\",null,{\"appId\":\"$undefined\",\"autoBoot\":true,\"children\":[\"$\",\"$L44\",null,{\"value\":{\"auth\":\"$undefined\",\"userAuth\":\"$undefined\"},\"children\":[\"$\",\"$L45\",null,{\"value\":{\"subdomain\":\"claude-code\",\"actualSubdomain\":\"claude-code\",\"gitSource\":{\"type\":\"github\",\"owner\":\"anthropics\",\"repo\":\"claude-code-docs\",\"deployBranch\":\"main\",\"contentDirectory\":\"\",\"isPrivate\":true},\"inkeep\":\"$undefined\",\"trieve\":{\"datasetId\":\"742384b6-79fb-49eb-ab37-c53e858af6ad\",\"expectedChunkCount\":20705},\"feedback\":{\"thumbs\":true},\"entitlements\":{\"AI_CHAT\":{\"status\":\"ENABLED\"},\"REMOVE_BRANDING\":{\"status\":\"ENABLED\"},\"CONTEXTUAL_FEEDBACK\":{\"status\":\"ENABLED\",\"enabled\":\"ENABLED\"},\"CODE_SNIPPET_FEEDBACK\":{\"status\":\"ENABLED\",\"enabled\":\"ENABLED\"}},\"buildId\":\"69935cfca7fb330bf2154924:in_progress\",\"clientVersion\":\"0.0.2492\",\"preview\":\"$undefined\"},\"children\":[\"$\",\"$L46\",null,{\"value\":{\"docsConfig\":{\"theme\":\"mint\",\"$schema\":\"https://mintlify.com/docs.json\",\"name\":\"Claude Code Docs\",\"colors\":{\"primary\":\"#0E0E0E\",\"light\":\"#D4A27F\",\"dark\":\"#0E0E0E\"},\"logo\":{\"light\":\"https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/light.svg?fit=max\u0026auto=format\u0026n=o69F7a6qoW9vboof\u0026q=85\u0026s=536eade682636e84231afce2577f9509\",\"dark\":\"https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/dark.svg?fit=max\u0026auto=format\u0026n=o69F7a6qoW9vboof\u0026q=85\u0026s=0766b3221061e80143e9f300733e640b\"},\"favicon\":\"/favicon.ico\",\"appearance\":\"$15:props:children:props:appearance\",\"background\":{\"color\":{\"light\":\"#FDFDF7\",\"dark\":\"#09090B\"}},\"navbar\":{\"links\":[{\"href\":\"https://platform.claude.com/\",\"label\":\"Claude Developer Platform\"}],\"primary\":{\"type\":\"button\",\"label\":\"Claude Code on the Web\",\"href\":\"https://claude.ai/code\"}},\"navigation\":{\"languages\":[{\"language\":\"en\",\"tabs\":[{\"tab\":\"Getting started\",\"groups\":[{\"group\":\"Getting started\",\"pages\":[\"en/overview\",\"en/quickstart\",\"en/changelog\"]},{\"group\":\"Core concepts\",\"pages\":[\"en/how-claude-code-works\",\"en/features-overview\",\"en/common-workflows\",\"en/best-practices\"]},{\"group\":\"Platforms and integrations\",\"pages\":[\"en/claude-code-on-the-web\",{\"group\":\"Claude Code on desktop\",\"pages\":[\"en/desktop-quickstart\",\"en/desktop\"]},\"en/chrome\",\"en/vs-code\",\"en/jetbrains\",\"en/github-actions\",\"en/gitlab-ci-cd\",\"en/slack\"]}]},{\"tab\":\"Build with Claude Code\",\"groups\":[{\"group\":\"Build with Claude Code\",\"pages\":[\"en/sub-agents\",\"en/agent-teams\",\"en/plugins\",\"en/discover-plugins\",\"en/skills\",\"en/output-styles\",\"en/hooks-guide\",\"en/headless\",\"en/mcp\",\"en/troubleshooting\"]}]},{\"tab\":\"Deployment\",\"groups\":[{\"group\":\"Deployment\",\"pages\":[\"en/third-party-integrations\",\"en/amazon-bedrock\",\"en/google-vertex-ai\",\"en/microsoft-foundry\",\"en/network-config\",\"en/llm-gateway\",\"en/devcontainer\"]}]},{\"tab\":\"Administration\",\"groups\":[{\"group\":\"Administration\",\"pages\":[\"en/setup\",\"en/authentication\",\"en/security\",\"en/server-managed-settings\",\"en/data-usage\",\"en/monitoring-usage\",\"en/costs\",\"en/analytics\",\"en/plugin-marketplaces\"]}]},{\"tab\":\"Configuration\",\"groups\":[{\"group\":\"Configuration\",\"pages\":[\"en/settings\",\"en/permissions\",\"en/sandboxing\",\"en/terminal-config\",\"en/model-config\",\"en/fast-mode\",\"en/memory\",\"en/statusline\",\"en/keybindings\"]}]},{\"tab\":\"Reference\",\"groups\":[{\"group\":\"Reference\",\"pages\":[\"en/cli-reference\",\"en/interactive-mode\",\"en/checkpointing\",\"en/hooks\",\"en/plugins-reference\"]}]},{\"tab\":\"Resources\",\"groups\":[{\"group\":\"Resources\",\"pages\":[\"en/legal-and-compliance\"]}]}]},{\"language\":\"fr\",\"tabs\":[{\"tab\":\"Démarrer\",\"groups\":[{\"group\":\"Démarrer\",\"pages\":[\"fr/overview\",\"fr/quickstart\",\"fr/changelog\"]},{\"group\":\"Concepts fondamentaux\",\"pages\":[\"fr/how-claude-code-works\",\"fr/features-overview\",\"fr/common-workflows\",\"fr/best-practices\"]},{\"group\":\"Plateformes et intégrations\",\"pages\":[\"fr/claude-code-on-the-web\",\"fr/desktop\",\"fr/chrome\",\"fr/vs-code\",\"fr/jetbrains\",\"fr/github-actions\",\"fr/gitlab-ci-cd\",\"fr/slack\"]}]},{\"tab\":\"Créer avec Claude Code\",\"groups\":[{\"group\":\"Créer avec Claude Code\",\"pages\":[\"fr/sub-agents\",\"fr/agent-teams\",\"fr/plugins\",\"fr/discover-plugins\",\"fr/skills\",\"fr/output-styles\",\"fr/hooks-guide\",\"fr/headless\",\"fr/mcp\",\"fr/troubleshooting\"]}]},{\"tab\":\"Déploiement\",\"groups\":[{\"group\":\"Déploiement\",\"pages\":[\"fr/third-party-integrations\",\"fr/amazon-bedrock\",\"fr/google-vertex-ai\",\"fr/microsoft-foundry\",\"fr/network-config\",\"fr/llm-gateway\",\"fr/devcontainer\"]}]},{\"tab\":\"Administration\",\"groups\":[{\"group\":\"Administration\",\"pages\":[\"fr/setup\",\"fr/authentication\",\"fr/security\",\"fr/server-managed-settings\",\"fr/data-usage\",\"fr/monitoring-usage\",\"fr/costs\",\"fr/analytics\",\"fr/plugin-marketplaces\"]}]},{\"tab\":\"Configuration\",\"groups\":[{\"group\":\"Configuration\",\"pages\":[\"fr/settings\",\"fr/permissions\",\"fr/sandboxing\",\"fr/terminal-config\",\"fr/model-config\",\"fr/fast-mode\",\"fr/memory\",\"fr/statusline\",\"fr/keybindings\"]}]},{\"tab\":\"Référence\",\"groups\":[{\"group\":\"Référence\",\"pages\":[\"fr/cli-reference\",\"fr/interactive-mode\",\"fr/checkpointing\",\"fr/hooks\",\"fr/plugins-reference\"]}]},{\"tab\":\"Ressources\",\"groups\":[{\"group\":\"Ressources\",\"pages\":[\"fr/legal-and-compliance\"]}]}]},{\"language\":\"de\",\"tabs\":[{\"tab\":\"Erste Schritte\",\"groups\":[{\"group\":\"Erste Schritte\",\"pages\":[\"de/overview\",\"de/quickstart\",\"de/changelog\"]},{\"group\":\"Kernkonzepte\",\"pages\":[\"de/how-claude-code-works\",\"de/features-overview\",\"de/common-workflows\",\"de/best-practices\"]},{\"group\":\"Plattformen und Integrationen\",\"pages\":[\"de/claude-code-on-the-web\",\"de/desktop\",\"de/chrome\",\"de/vs-code\",\"de/jetbrains\",\"de/github-actions\",\"de/gitlab-ci-cd\",\"de/slack\"]}]},{\"tab\":\"Mit Claude Code erstellen\",\"groups\":[{\"group\":\"Mit Claude Code erstellen\",\"pages\":[\"de/sub-agents\",\"de/agent-teams\",\"de/plugins\",\"de/discover-plugins\",\"de/skills\",\"de/output-styles\",\"de/hooks-guide\",\"de/headless\",\"de/mcp\",\"de/troubleshooting\"]}]},{\"tab\":\"Bereitstellung\",\"groups\":[{\"group\":\"Bereitstellung\",\"pages\":[\"de/third-party-integrations\",\"de/amazon-bedrock\",\"de/google-vertex-ai\",\"de/microsoft-foundry\",\"de/network-config\",\"de/llm-gateway\",\"de/devcontainer\"]}]},{\"tab\":\"Verwaltung\",\"groups\":[{\"group\":\"Verwaltung\",\"pages\":[\"de/setup\",\"de/authentication\",\"de/security\",\"de/server-managed-settings\",\"de/data-usage\",\"de/monitoring-usage\",\"de/costs\",\"de/analytics\",\"de/plugin-marketplaces\"]}]},{\"tab\":\"Konfiguration\",\"groups\":[{\"group\":\"Konfiguration\",\"pages\":[\"de/settings\",\"de/permissions\",\"de/sandboxing\",\"de/terminal-config\",\"de/model-config\",\"de/fast-mode\",\"de/memory\",\"de/statusline\",\"de/keybindings\"]}]},{\"tab\":\"Referenz\",\"groups\":[{\"group\":\"Referenz\",\"pages\":[\"de/cli-reference\",\"de/interactive-mode\",\"de/checkpointing\",\"de/hooks\",\"de/plugins-reference\"]}]},{\"tab\":\"Ressourcen\",\"groups\":[{\"group\":\"Ressourcen\",\"pages\":[\"de/legal-and-compliance\"]}]}]},{\"language\":\"it\",\"tabs\":[{\"tab\":\"Guida introduttiva\",\"groups\":[{\"group\":\"Guida introduttiva\",\"pages\":[\"it/overview\",\"it/quickstart\",\"it/changelog\"]},{\"group\":\"Concetti fondamentali\",\"pages\":[\"it/how-claude-code-works\",\"it/features-overview\",\"it/common-workflows\",\"it/best-practices\"]},{\"group\":\"Piattaforme e integrazioni\",\"pages\":[\"it/claude-code-on-the-web\",\"it/desktop\",\"it/chrome\",\"it/vs-code\",\"it/jetbrains\",\"it/github-actions\",\"it/gitlab-ci-cd\",\"it/slack\"]}]},{\"tab\":\"Sviluppate con Claude Code\",\"groups\":[{\"group\":\"Sviluppate con Claude Code\",\"pages\":[\"it/sub-agents\",\"it/agent-teams\",\"it/plugins\",\"it/discover-plugins\",\"it/skills\",\"it/output-styles\",\"it/hooks-guide\",\"it/headless\",\"it/mcp\",\"it/troubleshooting\"]}]},{\"tab\":\"Distribuzione\",\"groups\":[{\"group\":\"Distribuzione\",\"pages\":[\"it/third-party-integrations\",\"it/amazon-bedrock\",\"it/google-vertex-ai\",\"it/microsoft-foundry\",\"it/network-config\",\"it/llm-gateway\",\"it/devcontainer\"]}]},{\"tab\":\"Amministrazione\",\"groups\":[{\"group\":\"Amministrazione\",\"pages\":[\"it/setup\",\"it/authentication\",\"it/security\",\"it/server-managed-settings\",\"it/data-usage\",\"it/monitoring-usage\",\"it/costs\",\"it/analytics\",\"it/plugin-marketplaces\"]}]},{\"tab\":\"Configurazione\",\"groups\":[{\"group\":\"Configurazione\",\"pages\":[\"it/settings\",\"it/permissions\",\"it/sandboxing\",\"it/terminal-config\",\"it/model-config\",\"it/fast-mode\",\"it/memory\",\"it/statusline\",\"it/keybindings\"]}]},{\"tab\":\"Riferimento\",\"groups\":[{\"group\":\"Riferimento\",\"pages\":[\"it/cli-reference\",\"it/interactive-mode\",\"it/checkpointing\",\"it/hooks\",\"it/plugins-reference\"]}]},{\"tab\":\"Risorse\",\"groups\":[{\"group\":\"Risorse\",\"pages\":[\"it/legal-and-compliance\"]}]}]},{\"language\":\"jp\",\"tabs\":[{\"tab\":\"はじめに\",\"groups\":[{\"group\":\"はじめに\",\"pages\":[\"ja/overview\",\"ja/quickstart\",\"ja/changelog\"]},{\"group\":\"コア概念\",\"pages\":[\"ja/how-claude-code-works\",\"ja/features-overview\",\"ja/common-workflows\",\"ja/best-practices\"]},{\"group\":\"プラットフォームと統合\",\"pages\":[\"ja/claude-code-on-the-web\",\"ja/desktop\",\"ja/chrome\",\"ja/vs-code\",\"ja/jetbrains\",\"ja/github-actions\",\"ja/gitlab-ci-cd\",\"ja/slack\"]}]},{\"tab\":\"Claude Code で構築する\",\"groups\":[{\"group\":\"Claude Code で構築する\",\"pages\":[\"ja/sub-agents\",\"ja/agent-teams\",\"ja/plugins\",\"ja/discover-plugins\",\"ja/skills\",\"ja/output-styles\",\"ja/hooks-guide\",\"ja/headless\",\"ja/mcp\",\"ja/troubleshooting\"]}]},{\"tab\":\"デプロイ\",\"groups\":[{\"group\":\"デプロイ\",\"pages\":[\"ja/third-party-integrations\",\"ja/amazon-bedrock\",\"ja/google-vertex-ai\",\"ja/microsoft-foundry\",\"ja/network-config\",\"ja/llm-gateway\",\"ja/devcontainer\"]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[\"ja/setup\",\"ja/authentication\",\"ja/security\",\"ja/server-managed-settings\",\"ja/data-usage\",\"ja/monitoring-usage\",\"ja/costs\",\"ja/analytics\",\"ja/plugin-marketplaces\"]}]},{\"tab\":\"設定\",\"groups\":[{\"group\":\"設定\",\"pages\":[\"ja/settings\",\"ja/permissions\",\"ja/sandboxing\",\"ja/terminal-config\",\"ja/model-config\",\"ja/fast-mode\",\"ja/memory\",\"ja/statusline\",\"ja/keybindings\"]}]},{\"tab\":\"リファレンス\",\"groups\":[{\"group\":\"リファレンス\",\"pages\":[\"ja/cli-reference\",\"ja/interactive-mode\",\"ja/checkpointing\",\"ja/hooks\",\"ja/plugins-reference\"]}]},{\"tab\":\"リソース\",\"groups\":[{\"group\":\"リソース\",\"pages\":[\"ja/legal-and-compliance\"]}]}]},{\"language\":\"es\",\"tabs\":[{\"tab\":\"Primeros pasos\",\"groups\":[{\"group\":\"Primeros pasos\",\"pages\":[\"es/overview\",\"es/quickstart\",\"es/changelog\"]},{\"group\":\"Conceptos fundamentales\",\"pages\":[\"es/how-claude-code-works\",\"es/features-overview\",\"es/common-workflows\",\"es/best-practices\"]},{\"group\":\"Plataformas e integraciones\",\"pages\":[\"es/claude-code-on-the-web\",\"es/desktop\",\"es/chrome\",\"es/vs-code\",\"es/jetbrains\",\"es/github-actions\",\"es/gitlab-ci-cd\",\"es/slack\"]}]},{\"tab\":\"Crear con Claude Code\",\"groups\":[{\"group\":\"Crear con Claude Code\",\"pages\":[\"es/sub-agents\",\"es/agent-teams\",\"es/plugins\",\"es/discover-plugins\",\"es/skills\",\"es/output-styles\",\"es/hooks-guide\",\"es/headless\",\"es/mcp\",\"es/troubleshooting\"]}]},{\"tab\":\"Implementación\",\"groups\":[{\"group\":\"Implementación\",\"pages\":[\"es/third-party-integrations\",\"es/amazon-bedrock\",\"es/google-vertex-ai\",\"es/microsoft-foundry\",\"es/network-config\",\"es/llm-gateway\",\"es/devcontainer\"]}]},{\"tab\":\"Administración\",\"groups\":[{\"group\":\"Administración\",\"pages\":[\"es/setup\",\"es/authentication\",\"es/security\",\"es/server-managed-settings\",\"es/data-usage\",\"es/monitoring-usage\",\"es/costs\",\"es/analytics\",\"es/plugin-marketplaces\"]}]},{\"tab\":\"Configuración\",\"groups\":[{\"group\":\"Configuración\",\"pages\":[\"es/settings\",\"es/permissions\",\"es/sandboxing\",\"es/terminal-config\",\"es/model-config\",\"es/fast-mode\",\"es/memory\",\"es/statusline\",\"es/keybindings\"]}]},{\"tab\":\"Referencia\",\"groups\":[{\"group\":\"Referencia\",\"pages\":[\"es/cli-reference\",\"es/interactive-mode\",\"es/checkpointing\",\"es/hooks\",\"es/plugins-reference\"]}]},{\"tab\":\"Recursos\",\"groups\":[{\"group\":\"Recursos\",\"pages\":[\"es/legal-and-compliance\"]}]}]},{\"language\":\"ko\",\"tabs\":[{\"tab\":\"시작하기\",\"groups\":[{\"group\":\"시작하기\",\"pages\":[\"ko/overview\",\"ko/quickstart\",\"ko/changelog\"]},{\"group\":\"핵심 개념\",\"pages\":[\"ko/how-claude-code-works\",\"ko/features-overview\",\"ko/common-workflows\",\"ko/best-practices\"]},{\"group\":\"플랫폼 및 통합\",\"pages\":[\"ko/claude-code-on-the-web\",\"ko/desktop\",\"ko/chrome\",\"ko/vs-code\",\"ko/jetbrains\",\"ko/github-actions\",\"ko/gitlab-ci-cd\",\"ko/slack\"]}]},{\"tab\":\"Claude Code로 빌드하기\",\"groups\":[{\"group\":\"Claude Code로 빌드하기\",\"pages\":[\"ko/sub-agents\",\"ko/agent-teams\",\"ko/plugins\",\"ko/discover-plugins\",\"ko/skills\",\"ko/output-styles\",\"ko/hooks-guide\",\"ko/headless\",\"ko/mcp\",\"ko/troubleshooting\"]}]},{\"tab\":\"배포\",\"groups\":[{\"group\":\"배포\",\"pages\":[\"ko/third-party-integrations\",\"ko/amazon-bedrock\",\"ko/google-vertex-ai\",\"ko/microsoft-foundry\",\"ko/network-config\",\"ko/llm-gateway\",\"ko/devcontainer\"]}]},{\"tab\":\"관리\",\"groups\":[{\"group\":\"관리\",\"pages\":[\"ko/setup\",\"ko/authentication\",\"ko/security\",\"ko/server-managed-settings\",\"ko/data-usage\",\"ko/monitoring-usage\",\"ko/costs\",\"ko/analytics\",\"ko/plugin-marketplaces\"]}]},{\"tab\":\"구성\",\"groups\":[{\"group\":\"구성\",\"pages\":[\"ko/settings\",\"ko/permissions\",\"ko/sandboxing\",\"ko/terminal-config\",\"ko/model-config\",\"ko/fast-mode\",\"ko/memory\",\"ko/statusline\",\"ko/keybindings\"]}]},{\"tab\":\"참고\",\"groups\":[{\"group\":\"참고\",\"pages\":[\"ko/cli-reference\",\"ko/interactive-mode\",\"ko/checkpointing\",\"ko/hooks\",\"ko/plugins-reference\"]}]},{\"tab\":\"리소스\",\"groups\":[{\"group\":\"리소스\",\"pages\":[\"ko/legal-and-compliance\"]}]}]},{\"language\":\"cn\",\"tabs\":[{\"tab\":\"快速开始\",\"groups\":[{\"group\":\"快速开始\",\"pages\":[\"zh-CN/overview\",\"zh-CN/quickstart\",\"zh-CN/changelog\"]},{\"group\":\"核心概念\",\"pages\":[\"zh-CN/how-claude-code-works\",\"zh-CN/features-overview\",\"zh-CN/common-workflows\",\"zh-CN/best-practices\"]},{\"group\":\"平台和集成\",\"pages\":[\"zh-CN/claude-code-on-the-web\",\"zh-CN/desktop\",\"zh-CN/chrome\",\"zh-CN/vs-code\",\"zh-CN/jetbrains\",\"zh-CN/github-actions\",\"zh-CN/gitlab-ci-cd\",\"zh-CN/slack\"]}]},{\"tab\":\"使用 Claude Code 构建\",\"groups\":[{\"group\":\"使用 Claude Code 构建\",\"pages\":[\"zh-CN/sub-agents\",\"zh-CN/agent-teams\",\"zh-CN/plugins\",\"zh-CN/discover-plugins\",\"zh-CN/skills\",\"zh-CN/output-styles\",\"zh-CN/hooks-guide\",\"zh-CN/headless\",\"zh-CN/mcp\",\"zh-CN/troubleshooting\"]}]},{\"tab\":\"部署\",\"groups\":[{\"group\":\"部署\",\"pages\":[\"zh-CN/third-party-integrations\",\"zh-CN/amazon-bedrock\",\"zh-CN/google-vertex-ai\",\"zh-CN/microsoft-foundry\",\"zh-CN/network-config\",\"zh-CN/llm-gateway\",\"zh-CN/devcontainer\"]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[\"zh-CN/setup\",\"zh-CN/authentication\",\"zh-CN/security\",\"zh-CN/server-managed-settings\",\"zh-CN/data-usage\",\"zh-CN/monitoring-usage\",\"zh-CN/costs\",\"zh-CN/analytics\",\"zh-CN/plugin-marketplaces\"]}]},{\"tab\":\"配置\",\"groups\":[{\"group\":\"配置\",\"pages\":[\"zh-CN/settings\",\"zh-CN/permissions\",\"zh-CN/sandboxing\",\"zh-CN/terminal-config\",\"zh-CN/model-config\",\"zh-CN/fast-mode\",\"zh-CN/memory\",\"zh-CN/statusline\",\"zh-CN/keybindings\"]}]},{\"tab\":\"参考\",\"groups\":[{\"group\":\"参考\",\"pages\":[\"zh-CN/cli-reference\",\"zh-CN/interactive-mode\",\"zh-CN/checkpointing\",\"zh-CN/hooks\",\"zh-CN/plugins-reference\"]}]},{\"tab\":\"资源\",\"groups\":[{\"group\":\"资源\",\"pages\":[\"zh-CN/legal-and-compliance\"]}]}]},{\"language\":\"zh-Hant\",\"tabs\":[{\"tab\":\"開始使用\",\"groups\":[{\"group\":\"開始使用\",\"pages\":[\"zh-TW/overview\",\"zh-TW/quickstart\",\"zh-TW/changelog\"]},{\"group\":\"核心概念\",\"pages\":[\"zh-TW/how-claude-code-works\",\"zh-TW/features-overview\",\"zh-TW/common-workflows\",\"zh-TW/best-practices\"]},{\"group\":\"平台和整合\",\"pages\":[\"zh-TW/claude-code-on-the-web\",\"zh-TW/desktop\",\"zh-TW/chrome\",\"zh-TW/vs-code\",\"zh-TW/jetbrains\",\"zh-TW/github-actions\",\"zh-TW/gitlab-ci-cd\",\"zh-TW/slack\"]}]},{\"tab\":\"使用 Claude Code 建構\",\"groups\":[{\"group\":\"使用 Claude Code 建構\",\"pages\":[\"zh-TW/sub-agents\",\"zh-TW/agent-teams\",\"zh-TW/plugins\",\"zh-TW/discover-plugins\",\"zh-TW/skills\",\"zh-TW/output-styles\",\"zh-TW/hooks-guide\",\"zh-TW/headless\",\"zh-TW/mcp\",\"zh-TW/troubleshooting\"]}]},{\"tab\":\"部署\",\"groups\":[{\"group\":\"部署\",\"pages\":[\"zh-TW/third-party-integrations\",\"zh-TW/amazon-bedrock\",\"zh-TW/google-vertex-ai\",\"zh-TW/microsoft-foundry\",\"zh-TW/network-config\",\"zh-TW/llm-gateway\",\"zh-TW/devcontainer\"]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[\"zh-TW/setup\",\"zh-TW/authentication\",\"zh-TW/security\",\"zh-TW/server-managed-settings\",\"zh-TW/data-usage\",\"zh-TW/monitoring-usage\",\"zh-TW/costs\",\"zh-TW/analytics\",\"zh-TW/plugin-marketplaces\"]}]},{\"tab\":\"設定\",\"groups\":[{\"group\":\"設定\",\"pages\":[\"zh-TW/settings\",\"zh-TW/permissions\",\"zh-TW/sandboxing\",\"zh-TW/terminal-config\",\"zh-TW/model-config\",\"zh-TW/fast-mode\",\"zh-TW/memory\",\"zh-TW/statusline\",\"zh-TW/keybindings\"]}]},{\"tab\":\"參考資料\",\"groups\":[{\"group\":\"參考資料\",\"pages\":[\"zh-TW/cli-reference\",\"zh-TW/interactive-mode\",\"zh-TW/checkpointing\",\"zh-TW/hooks\",\"zh-TW/plugins-reference\"]}]},{\"tab\":\"資源\",\"groups\":[{\"group\":\"資源\",\"pages\":[\"zh-TW/legal-and-compliance\"]}]}]},{\"language\":\"ru\",\"tabs\":[{\"tab\":\"Начало работы\",\"groups\":[{\"group\":\"Начало работы\",\"pages\":[\"ru/overview\",\"ru/quickstart\",\"ru/changelog\"]},{\"group\":\"Основные концепции\",\"pages\":[\"ru/how-claude-code-works\",\"ru/features-overview\",\"ru/common-workflows\",\"ru/best-practices\"]},{\"group\":\"Платформы и интеграции\",\"pages\":[\"ru/claude-code-on-the-web\",\"ru/desktop\",\"ru/chrome\",\"ru/vs-code\",\"ru/jetbrains\",\"ru/github-actions\",\"ru/gitlab-ci-cd\",\"ru/slack\"]}]},{\"tab\":\"Разработка с Claude Code\",\"groups\":[{\"group\":\"Разработка с Claude Code\",\"pages\":[\"ru/sub-agents\",\"ru/agent-teams\",\"ru/plugins\",\"ru/discover-plugins\",\"ru/skills\",\"ru/output-styles\",\"ru/hooks-guide\",\"ru/headless\",\"ru/mcp\",\"ru/troubleshooting\"]}]},{\"tab\":\"Развертывание\",\"groups\":[{\"group\":\"Развертывание\",\"pages\":[\"ru/third-party-integrations\",\"ru/amazon-bedrock\",\"ru/google-vertex-ai\",\"ru/microsoft-foundry\",\"ru/network-config\",\"ru/llm-gateway\",\"ru/devcontainer\"]}]},{\"tab\":\"Администрирование\",\"groups\":[{\"group\":\"Администрирование\",\"pages\":[\"ru/setup\",\"ru/authentication\",\"ru/security\",\"ru/server-managed-settings\",\"ru/data-usage\",\"ru/monitoring-usage\",\"ru/costs\",\"ru/analytics\",\"ru/plugin-marketplaces\"]}]},{\"tab\":\"Конфигурация\",\"groups\":[{\"group\":\"Конфигурация\",\"pages\":[\"ru/settings\",\"ru/permissions\",\"ru/sandboxing\",\"ru/terminal-config\",\"ru/model-config\",\"ru/fast-mode\",\"ru/memory\",\"ru/statusline\",\"ru/keybindings\"]}]},{\"tab\":\"Справочник\",\"groups\":[{\"group\":\"Справочник\",\"pages\":[\"ru/cli-reference\",\"ru/interactive-mode\",\"ru/checkpointing\",\"ru/hooks\",\"ru/plugins-reference\"]}]},{\"tab\":\"Ресурсы\",\"groups\":[{\"group\":\"Ресурсы\",\"pages\":[\"ru/legal-and-compliance\"]}]}]},{\"language\":\"id\",\"tabs\":[{\"tab\":\"Memulai\",\"groups\":[{\"group\":\"Memulai\",\"pages\":[\"id/overview\",\"id/quickstart\",\"id/changelog\"]},{\"group\":\"Konsep Inti\",\"pages\":[\"id/how-claude-code-works\",\"id/features-overview\",\"id/common-workflows\",\"id/best-practices\"]},{\"group\":\"Platform dan integrasi\",\"pages\":[\"id/claude-code-on-the-web\",\"id/desktop\",\"id/chrome\",\"id/vs-code\",\"id/jetbrains\",\"id/github-actions\",\"id/gitlab-ci-cd\",\"id/slack\"]}]},{\"tab\":\"Bangun dengan Claude Code\",\"groups\":[{\"group\":\"Bangun dengan Claude Code\",\"pages\":[\"id/sub-agents\",\"id/agent-teams\",\"id/plugins\",\"id/discover-plugins\",\"id/skills\",\"id/output-styles\",\"id/hooks-guide\",\"id/headless\",\"id/mcp\",\"id/troubleshooting\"]}]},{\"tab\":\"Penerapan\",\"groups\":[{\"group\":\"Penerapan\",\"pages\":[\"id/third-party-integrations\",\"id/amazon-bedrock\",\"id/google-vertex-ai\",\"id/microsoft-foundry\",\"id/network-config\",\"id/llm-gateway\",\"id/devcontainer\"]}]},{\"tab\":\"Administrasi\",\"groups\":[{\"group\":\"Administrasi\",\"pages\":[\"id/setup\",\"id/authentication\",\"id/security\",\"id/server-managed-settings\",\"id/data-usage\",\"id/monitoring-usage\",\"id/costs\",\"id/analytics\",\"id/plugin-marketplaces\"]}]},{\"tab\":\"Konfigurasi\",\"groups\":[{\"group\":\"Konfigurasi\",\"pages\":[\"id/settings\",\"id/permissions\",\"id/sandboxing\",\"id/terminal-config\",\"id/model-config\",\"id/fast-mode\",\"id/memory\",\"id/statusline\",\"id/keybindings\"]}]},{\"tab\":\"Referensi\",\"groups\":[{\"group\":\"Referensi\",\"pages\":[\"id/cli-reference\",\"id/interactive-mode\",\"id/checkpointing\",\"id/hooks\",\"id/plugins-reference\"]}]},{\"tab\":\"Sumber Daya\",\"groups\":[{\"group\":\"Sumber Daya\",\"pages\":[\"id/legal-and-compliance\"]}]}]},{\"language\":\"pt-BR\",\"tabs\":[{\"tab\":\"Primeiros passos\",\"groups\":[{\"group\":\"Primeiros passos\",\"pages\":[\"pt/overview\",\"pt/quickstart\",\"pt/changelog\"]},{\"group\":\"Conceitos principais\",\"pages\":[\"pt/how-claude-code-works\",\"pt/features-overview\",\"pt/common-workflows\",\"pt/best-practices\"]},{\"group\":\"Plataformas e integrações\",\"pages\":[\"pt/claude-code-on-the-web\",\"pt/desktop\",\"pt/chrome\",\"pt/vs-code\",\"pt/jetbrains\",\"pt/github-actions\",\"pt/gitlab-ci-cd\",\"pt/slack\"]}]},{\"tab\":\"Construir com Claude Code\",\"groups\":[{\"group\":\"Construir com Claude Code\",\"pages\":[\"pt/sub-agents\",\"pt/agent-teams\",\"pt/plugins\",\"pt/discover-plugins\",\"pt/skills\",\"pt/output-styles\",\"pt/hooks-guide\",\"pt/headless\",\"pt/mcp\",\"pt/troubleshooting\"]}]},{\"tab\":\"Implantação\",\"groups\":[{\"group\":\"Implantação\",\"pages\":[\"pt/third-party-integrations\",\"pt/amazon-bedrock\",\"pt/google-vertex-ai\",\"pt/microsoft-foundry\",\"pt/network-config\",\"pt/llm-gateway\",\"pt/devcontainer\"]}]},{\"tab\":\"Administração\",\"groups\":[{\"group\":\"Administração\",\"pages\":[\"pt/setup\",\"pt/authentication\",\"pt/security\",\"pt/server-managed-settings\",\"pt/data-usage\",\"pt/monitoring-usage\",\"pt/costs\",\"pt/analytics\",\"pt/plugin-marketplaces\"]}]},{\"tab\":\"Configuração\",\"groups\":[{\"group\":\"Configuração\",\"pages\":[\"pt/settings\",\"pt/permissions\",\"pt/sandboxing\",\"pt/terminal-config\",\"pt/model-config\",\"pt/fast-mode\",\"pt/memory\",\"pt/statusline\",\"pt/keybindings\"]}]},{\"tab\":\"Referência\",\"groups\":[{\"group\":\"Referência\",\"pages\":[\"pt/cli-reference\",\"pt/interactive-mode\",\"pt/checkpointing\",\"pt/hooks\",\"pt/plugins-reference\"]}]},{\"tab\":\"Recursos\",\"groups\":[{\"group\":\"Recursos\",\"pages\":[\"pt/legal-and-compliance\"]}]}]}]},\"footer\":{\"socials\":{\"x\":\"https://x.com/AnthropicAI\",\"linkedin\":\"https://www.linkedin.com/company/anthropicresearch\"},\"links\":[{\"header\":\"Company\",\"items\":[{\"label\":\"Anthropic\",\"href\":\"https://www.anthropic.com/company\"},{\"label\":\"Careers\",\"href\":\"https://www.anthropic.com/careers\"},{\"label\":\"Economic Futures\",\"href\":\"https://www.anthropic.com/economic-futures\"},{\"label\":\"Research\",\"href\":\"https://www.anthropic.com/research\"},{\"label\":\"News\",\"href\":\"https://www.anthropic.com/news\"},{\"label\":\"Trust center\",\"href\":\"https://trust.anthropic.com/\"},{\"label\":\"Transparency\",\"href\":\"https://www.anthropic.com/transparency\"}]},{\"header\":\"Help and security\",\"items\":[{\"label\":\"Availability\",\"href\":\"https://www.anthropic.com/supported-countries\"},{\"label\":\"Status\",\"href\":\"https://status.anthropic.com/\"},{\"label\":\"Support center\",\"href\":\"https://support.claude.com/\"}]},{\"header\":\"Learn\",\"items\":[{\"label\":\"Courses\",\"href\":\"https://www.anthropic.com/learn\"},{\"label\":\"MCP connectors\",\"href\":\"https://claude.com/partners/mcp\"},{\"label\":\"Customer stories\",\"href\":\"https://www.claude.com/customers\"},{\"label\":\"Engineering blog\",\"href\":\"https://www.anthropic.com/engineering\"},{\"label\":\"Events\",\"href\":\"https://www.anthropic.com/events\"},{\"label\":\"Powered by Claude\",\"href\":\"https://claude.com/partners/powered-by-claude\"},{\"label\":\"Service partners\",\"href\":\"https://claude.com/partners/services\"},{\"label\":\"Startups program\",\"href\":\"https://claude.com/programs/startups\"}]},{\"header\":\"Terms and policies\",\"items\":[{\"label\":\"Privacy policy\",\"href\":\"https://www.anthropic.com/legal/privacy\"},{\"label\":\"Disclosure policy\",\"href\":\"https://www.anthropic.com/responsible-disclosure-policy\"},{\"label\":\"Usage policy\",\"href\":\"https://www.anthropic.com/legal/aup\"},{\"label\":\"Commercial terms\",\"href\":\"https://www.anthropic.com/legal/commercial-terms\"},{\"label\":\"Consumer terms\",\"href\":\"https://www.anthropic.com/legal/consumer-terms\"}]}]},\"seo\":{\"metatags\":{\"canonical\":\"https://code.claude.com/docs\"}},\"fonts\":{\"family\":\"Anthropic Sans\"},\"redirects\":[{\"source\":\"/en/iam\",\"destination\":\"/en/authentication\",\"permanent\":true},{\"source\":\"/en/cli-usage\",\"destination\":\"/en/cli-reference\",\"permanent\":true},{\"source\":\"/en/ide-integrations\",\"destination\":\"/en/vs-code\",\"permanent\":true},{\"source\":\"/en/tutorials\",\"destination\":\"/en/common-workflows\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/tutorials\",\"destination\":\"/en/common-workflows\",\"permanent\":true},{\"source\":\"/en/team\",\"destination\":\"/en/authentication\",\"permanent\":true},{\"source\":\"/en/corporate-proxy\",\"destination\":\"/en/network-config\",\"permanent\":true},{\"source\":\"/en/sdk/sdk-headless\",\"destination\":\"/en/headless\",\"permanent\":true},{\"source\":\"/s/claude-code-github-actions\",\"destination\":\"/en/github-actions\",\"permanent\":false},{\"source\":\"/s/claude-code-ide-integrations\",\"destination\":\"/en/ide-integrations\",\"permanent\":false},{\"source\":\"/s/claude-code-worktrees\",\"destination\":\"/en/common-workflows#run-parallel-claude-code-sessions-with-git-worktrees\",\"permanent\":false},{\"source\":\"/s/claude-code-troubleshooting\",\"destination\":\"/en/troubleshooting\",\"permanent\":false},{\"source\":\"/s/claude-code-auto-updater\",\"destination\":\"/en/settings#auto-updater-permission-options\",\"permanent\":false},{\"source\":\"/s/claude-code-mcp\",\"destination\":\"/en/mcp\",\"permanent\":false},{\"source\":\"/s/claude-code-cost\",\"destination\":\"/en/costs\",\"permanent\":false},{\"source\":\"/s/claude-code\",\"destination\":\"/en/overview\",\"permanent\":false},{\"source\":\"/s/claude-code-security\",\"destination\":\"/en/security\",\"permanent\":false},{\"source\":\"/en/agents-and-tools/claude-code/overview\",\"destination\":\"/en/overview\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/common-workflows\",\"destination\":\"/en/common-workflows\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/troubleshooting\",\"destination\":\"/en/troubleshooting\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/overview#notification-setup\",\"destination\":\"/en/setup#notification-setup\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/bedrock-vertex\",\"destination\":\"/en/third-party-integrations\",\"permanent\":true},{\"source\":\"/en/bedrock-vertex\",\"destination\":\"/en/third-party-integrations\",\"permanent\":true},{\"source\":\"/s/claude-code-enterprise-setup\",\"destination\":\"/en/third-party-integrations\",\"permanent\":false},{\"source\":\"/en/bedrock-vertex-proxies\",\"destination\":\"/en/third-party-integrations\",\"permanent\":true},{\"source\":\"/en/getting-started\",\"destination\":\"/en/setup\",\"permanent\":true},{\"source\":\"/en/subagents\",\"destination\":\"/en/sub-agents\",\"permanent\":true},{\"source\":\"/en/azure-ai-foundry\",\"destination\":\"/en/microsoft-foundry\",\"permanent\":true},{\"source\":\"/en/sdk/migration-guide\",\"destination\":\"https://platform.claude.com/docs/en/agent-sdk/migration-guide\",\"permanent\":true},{\"source\":\"/en/slash-commands\",\"destination\":\"/en/skills\",\"permanent\":true}],\"contextual\":{\"options\":[\"copy\",\"view\",\"claude\"],\"display\":\"header\"},\"styling\":{\"latex\":true,\"codeblocks\":\"system\"}},\"docsNavWithMetadata\":{\"global\":null,\"languages\":[{\"language\":\"en\",\"tabs\":[{\"tab\":\"Getting started\",\"groups\":[{\"group\":\"Getting started\",\"pages\":[{\"sidebarTitle\":\"Overview\",\"title\":\"Claude Code overview\",\"description\":\"Claude Code is an agentic coding tool that reads your codebase, edits files, runs commands, and integrates with your development tools. Available in your terminal, IDE, desktop app, and browser.\",\"href\":\"/en/overview\"},{\"title\":\"Quickstart\",\"description\":\"Welcome to Claude Code!\",\"href\":\"/en/quickstart\",\"hidden\":false},{\"title\":\"Changelog\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/en/changelog\",\"hidden\":false}]},{\"group\":\"Core concepts\",\"pages\":[{\"title\":\"How Claude Code works\",\"description\":\"Understand the agentic loop, built-in tools, and how Claude Code interacts with your project.\",\"href\":\"/en/how-claude-code-works\",\"hidden\":false},{\"title\":\"Extend Claude Code\",\"sidebarTitle\":\"Extend Claude Code\",\"description\":\"Understand when to use CLAUDE.md, Skills, subagents, hooks, MCP, and plugins.\",\"href\":\"/en/features-overview\",\"hidden\":false},{\"title\":\"Common workflows\",\"description\":\"Step-by-step guides for exploring codebases, fixing bugs, refactoring, testing, and other everyday tasks with Claude Code.\",\"href\":\"/en/common-workflows\",\"hidden\":false},{\"title\":\"Best Practices for Claude Code\",\"sidebarTitle\":\"Best practices\",\"description\":\"Tips and patterns for getting the most out of Claude Code, from configuring your environment to scaling across parallel sessions.\",\"href\":\"/en/best-practices\",\"hidden\":false}]},{\"group\":\"Platforms and integrations\",\"pages\":[{\"title\":\"Claude Code on the web\",\"description\":\"Run Claude Code tasks asynchronously on secure cloud infrastructure\",\"href\":\"/en/claude-code-on-the-web\",\"hidden\":false},{\"group\":\"Claude Code on desktop\",\"pages\":[{\"title\":\"Get started with the desktop app\",\"sidebarTitle\":\"Get started\",\"description\":\"Install Claude Code on desktop and start your first coding session\",\"href\":\"/en/desktop-quickstart\",\"hidden\":false},{\"title\":\"Use Claude Code Desktop\",\"sidebarTitle\":\"Use Desktop\",\"description\":\"Get more out of Claude Code Desktop: parallel sessions with Git isolation, visual diff review, permission modes, connectors, and enterprise configuration.\",\"href\":\"/en/desktop\",\"hidden\":false}]},{\"title\":\"Use Claude Code with Chrome (beta)\",\"sidebarTitle\":\"Chrome extension (beta)\",\"description\":\"Connect Claude Code to your Chrome browser to test web apps, debug with console logs, automate form filling, and extract data from web pages.\",\"href\":\"/en/chrome\",\"hidden\":false},{\"title\":\"Use Claude Code in VS Code\",\"sidebarTitle\":\"Visual Studio Code\",\"description\":\"Install and configure the Claude Code extension for VS Code. Get AI coding assistance with inline diffs, @-mentions, plan review, and keyboard shortcuts.\",\"href\":\"/en/vs-code\",\"hidden\":false},{\"title\":\"JetBrains IDEs\",\"description\":\"Use Claude Code with JetBrains IDEs including IntelliJ, PyCharm, WebStorm, and more\",\"href\":\"/en/jetbrains\",\"hidden\":false},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Learn about integrating Claude Code into your development workflow with Claude Code GitHub Actions\",\"href\":\"/en/github-actions\",\"hidden\":false},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Learn about integrating Claude Code into your development workflow with GitLab CI/CD\",\"href\":\"/en/gitlab-ci-cd\",\"hidden\":false},{\"title\":\"Claude Code in Slack\",\"description\":\"Delegate coding tasks directly from your Slack workspace\",\"href\":\"/en/slack\",\"hidden\":false}]}]},{\"tab\":\"Build with Claude Code\",\"groups\":[{\"group\":\"Build with Claude Code\",\"pages\":[{\"title\":\"Create custom subagents\",\"description\":\"Create and use specialized AI subagents in Claude Code for task-specific workflows and improved context management.\",\"href\":\"/en/sub-agents\",\"hidden\":false},{\"title\":\"Orchestrate teams of Claude Code sessions\",\"sidebarTitle\":\"Run agent teams\",\"description\":\"Coordinate multiple Claude Code instances working together as a team, with shared tasks, inter-agent messaging, and centralized management.\",\"href\":\"/en/agent-teams\",\"hidden\":false},{\"title\":\"Create plugins\",\"sidebarTitle\":\"Create plugins\",\"description\":\"Create custom plugins to extend Claude Code with skills, agents, hooks, and MCP servers.\",\"href\":\"/en/plugins\",\"hidden\":false},{\"title\":\"Discover and install prebuilt plugins through marketplaces\",\"sidebarTitle\":\"Discover and install prebuilt plugins\",\"description\":\"Find and install plugins from marketplaces to extend Claude Code with new commands, agents, and capabilities.\",\"href\":\"/en/discover-plugins\",\"hidden\":false},{\"title\":\"Extend Claude with skills\",\"description\":\"Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands.\",\"href\":\"/en/skills\",\"hidden\":false},{\"title\":\"Output styles\",\"description\":\"Adapt Claude Code for uses beyond software engineering\",\"href\":\"/en/output-styles\",\"hidden\":false},{\"title\":\"Automate workflows with hooks\",\"sidebarTitle\":\"Automate with hooks\",\"description\":\"Run shell commands automatically when Claude Code edits files, finishes tasks, or needs input. Format code, send notifications, validate commands, and enforce project rules.\",\"href\":\"/en/hooks-guide\",\"hidden\":false},{\"title\":\"Run Claude Code programmatically\",\"sidebarTitle\":\"Programmatic usage\",\"description\":\"Use the Agent SDK to run Claude Code programmatically from the CLI, Python, or TypeScript.\",\"href\":\"/en/headless\",\"hidden\":false},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"Connect Claude Code to tools via MCP\",\"description\":\"Learn how to connect Claude Code to your tools with the Model Context Protocol.\",\"href\":\"/en/mcp\",\"hidden\":false},{\"title\":\"Troubleshooting\",\"description\":\"Discover solutions to common issues with Claude Code installation and usage.\",\"href\":\"/en/troubleshooting\",\"hidden\":false}]}]},{\"tab\":\"Deployment\",\"groups\":[{\"group\":\"Deployment\",\"pages\":[{\"title\":\"Enterprise deployment overview\",\"sidebarTitle\":\"Overview\",\"description\":\"Learn how Claude Code can integrate with various third-party services and infrastructure to meet enterprise deployment requirements.\",\"href\":\"/en/third-party-integrations\",\"hidden\":false},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Claude Code on Amazon Bedrock\",\"description\":\"Learn about configuring Claude Code through Amazon Bedrock, including setup, IAM configuration, and troubleshooting.\",\"href\":\"/en/amazon-bedrock\",\"hidden\":false},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Claude Code on Google Vertex AI\",\"description\":\"Learn about configuring Claude Code through Google Vertex AI, including setup, IAM configuration, and troubleshooting.\",\"href\":\"/en/google-vertex-ai\",\"hidden\":false},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code on Microsoft Foundry\",\"description\":\"Learn about configuring Claude Code through Microsoft Foundry, including setup, configuration, and troubleshooting.\",\"href\":\"/en/microsoft-foundry\",\"hidden\":false},{\"sidebarTitle\":\"Network configuration\",\"title\":\"Enterprise network configuration\",\"description\":\"Configure Claude Code for enterprise environments with proxy servers, custom Certificate Authorities (CA), and mutual Transport Layer Security (mTLS) authentication.\",\"href\":\"/en/network-config\",\"hidden\":false},{\"sidebarTitle\":\"LLM gateway\",\"title\":\"LLM gateway configuration\",\"description\":\"Learn how to configure Claude Code to work with LLM gateway solutions. Covers gateway requirements, authentication configuration, model selection, and provider-specific endpoint setup.\",\"href\":\"/en/llm-gateway\",\"hidden\":false},{\"title\":\"Development containers\",\"description\":\"Learn about the Claude Code development container for teams that need consistent, secure environments.\",\"href\":\"/en/devcontainer\",\"hidden\":false}]}]},{\"tab\":\"Administration\",\"groups\":[{\"group\":\"Administration\",\"pages\":[{\"sidebarTitle\":\"Advanced installation\",\"title\":\"Set up Claude Code\",\"description\":\"Install, authenticate, and start using Claude Code on your development machine.\",\"href\":\"/en/setup\",\"hidden\":false},{\"sidebarTitle\":\"Authentication\",\"title\":\"Authentication\",\"description\":\"Learn how to configure user authentication and credential management for Claude Code in your organization.\",\"href\":\"/en/authentication\",\"hidden\":false},{\"title\":\"Security\",\"description\":\"Learn about Claude Code's security safeguards and best practices for safe usage.\",\"href\":\"/en/security\",\"hidden\":false},{\"sidebarTitle\":\"Server-managed settings (beta)\",\"title\":\"Configure server-managed settings (public beta)\",\"description\":\"Centrally configure Claude Code for your organization through server-delivered settings, without requiring device management infrastructure.\",\"href\":\"/en/server-managed-settings\",\"hidden\":false},{\"title\":\"Data usage\",\"description\":\"Learn about Anthropic's data usage policies for Claude\",\"href\":\"/en/data-usage\",\"hidden\":false},{\"title\":\"Monitoring\",\"description\":\"Learn how to enable and configure OpenTelemetry for Claude Code.\",\"href\":\"/en/monitoring-usage\",\"hidden\":false},{\"sidebarTitle\":\"Costs\",\"title\":\"Manage costs effectively\",\"description\":\"Track token usage, set team spend limits, and reduce Claude Code costs with context management, model selection, extended thinking settings, and preprocessing hooks.\",\"href\":\"/en/costs\",\"hidden\":false},{\"title\":\"Track team usage with analytics\",\"description\":\"View Claude Code usage metrics, track adoption, and measure engineering velocity in the analytics dashboard.\",\"href\":\"/en/analytics\",\"hidden\":false},{\"title\":\"Create and distribute a plugin marketplace\",\"sidebarTitle\":\"Create and distribute a plugin marketplace\",\"description\":\"Build and host plugin marketplaces to distribute Claude Code extensions across teams and communities.\",\"href\":\"/en/plugin-marketplaces\",\"hidden\":false}]}]},{\"tab\":\"Configuration\",\"groups\":[{\"group\":\"Configuration\",\"pages\":[{\"sidebarTitle\":\"Settings\",\"title\":\"Claude Code settings\",\"description\":\"Configure Claude Code with global and project-level settings, and environment variables.\",\"href\":\"/en/settings\",\"hidden\":false},{\"sidebarTitle\":\"Permissions\",\"title\":\"Configure permissions\",\"description\":\"Control what Claude Code can access and do with fine-grained permission rules, modes, and managed policies.\",\"href\":\"/en/permissions\",\"hidden\":false},{\"title\":\"Sandboxing\",\"description\":\"Learn how Claude Code's sandboxed bash tool provides filesystem and network isolation for safer, more autonomous agent execution.\",\"href\":\"/en/sandboxing\",\"hidden\":false},{\"sidebarTitle\":\"Terminal configuration\",\"title\":\"Optimize your terminal setup\",\"description\":\"Claude Code works best when your terminal is properly configured. Follow these guidelines to optimize your experience.\",\"href\":\"/en/terminal-config\",\"hidden\":false},{\"title\":\"Model configuration\",\"description\":\"Learn about the Claude Code model configuration, including model aliases like `opusplan`\",\"href\":\"/en/model-config\",\"hidden\":false},{\"title\":\"Speed up responses with fast mode\",\"description\":\"Get faster Opus 4.6 responses in Claude Code by toggling fast mode.\",\"href\":\"/en/fast-mode\",\"hidden\":false},{\"sidebarTitle\":\"Memory management\",\"title\":\"Manage Claude's memory\",\"description\":\"Learn how to manage Claude Code's memory across sessions with different memory locations and best practices.\",\"href\":\"/en/memory\",\"hidden\":false},{\"title\":\"Customize your status line\",\"sidebarTitle\":\"Customize status line\",\"description\":\"Configure a custom status bar to monitor context window usage, costs, and git status in Claude Code\",\"href\":\"/en/statusline\",\"hidden\":false},{\"title\":\"Customize keyboard shortcuts\",\"description\":\"Customize keyboard shortcuts in Claude Code with a keybindings configuration file.\",\"href\":\"/en/keybindings\",\"hidden\":false}]}]},{\"tab\":\"Reference\",\"groups\":[{\"group\":\"Reference\",\"pages\":[{\"title\":\"CLI reference\",\"description\":\"Complete reference for Claude Code command-line interface, including commands and flags.\",\"href\":\"/en/cli-reference\",\"hidden\":false},{\"title\":\"Interactive mode\",\"description\":\"Complete reference for keyboard shortcuts, input modes, and interactive features in Claude Code sessions.\",\"href\":\"/en/interactive-mode\",\"hidden\":false},{\"title\":\"Checkpointing\",\"description\":\"Track, rewind, and summarize Claude's edits and conversation to manage session state.\",\"href\":\"/en/checkpointing\",\"hidden\":false},{\"title\":\"Hooks reference\",\"description\":\"Reference for Claude Code hook events, configuration schema, JSON input/output formats, exit codes, async hooks, prompt hooks, and MCP tool hooks.\",\"href\":\"/en/hooks\",\"hidden\":false},{\"title\":\"Plugins reference\",\"description\":\"Complete technical reference for Claude Code plugin system, including schemas, CLI commands, and component specifications.\",\"href\":\"/en/plugins-reference\",\"hidden\":false}]}]},{\"tab\":\"Resources\",\"groups\":[{\"group\":\"Resources\",\"pages\":[{\"title\":\"Legal and compliance\",\"description\":\"Legal agreements, compliance certifications, and security information for Claude Code.\",\"href\":\"/en/legal-and-compliance\",\"hidden\":false}]}]}]},{\"language\":\"fr\",\"tabs\":[{\"tab\":\"Démarrer\",\"groups\":[{\"group\":\"Démarrer\",\"pages\":[{\"sidebarTitle\":\"Aperçu\",\"title\":\"Aperçu de Claude Code\",\"description\":\"Découvrez Claude Code, l'outil de codage agentique d'Anthropic qui vit dans votre terminal et vous aide à transformer vos idées en code plus rapidement que jamais.\",\"href\":\"/fr/overview\",\"hidden\":false},{\"title\":\"Démarrage rapide\",\"description\":\"Bienvenue dans Claude Code !\",\"href\":\"/fr/quickstart\",\"hidden\":false},{\"title\":\"Journal des modifications\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/fr/changelog\",\"hidden\":false}]},{\"group\":\"Concepts fondamentaux\",\"pages\":[{\"title\":\"Comment fonctionne Claude Code\",\"description\":\"Comprenez la boucle agentive, les outils intégrés et comment Claude Code interagit avec votre projet.\",\"href\":\"/fr/how-claude-code-works\",\"hidden\":false},{\"title\":\"Étendre Claude Code\",\"sidebarTitle\":\"Étendre Claude Code\",\"description\":\"Comprenez quand utiliser CLAUDE.md, Skills, subagents, hooks, MCP et plugins.\",\"href\":\"/fr/features-overview\",\"hidden\":false},{\"title\":\"Flux de travail courants\",\"description\":\"Guides étape par étape pour explorer les bases de code, corriger les bogues, refactoriser, tester et autres tâches quotidiennes avec Claude Code.\",\"href\":\"/fr/common-workflows\",\"hidden\":false},{\"title\":\"Bonnes pratiques pour Claude Code\",\"description\":\"Conseils et modèles pour tirer le meilleur parti de Claude Code, de la configuration de votre environnement à la mise à l'échelle sur plusieurs sessions parallèles.\",\"href\":\"/fr/best-practices\",\"hidden\":false}]},{\"group\":\"Plateformes et intégrations\",\"pages\":[{\"title\":\"Claude Code sur le web\",\"description\":\"Exécutez les tâches Claude Code de manière asynchrone sur une infrastructure cloud sécurisée\",\"href\":\"/fr/claude-code-on-the-web\",\"hidden\":false},{\"title\":\"Claude Code sur le bureau\",\"description\":\"Exécutez les tâches Claude Code localement ou sur une infrastructure cloud sécurisée avec l'application Claude de bureau\",\"href\":\"/fr/desktop\",\"hidden\":false},{\"title\":\"Utiliser Claude Code avec Chrome (bêta)\",\"sidebarTitle\":\"Extension Chrome (bêta)\",\"description\":\"Connectez Claude Code à votre navigateur Chrome pour tester des applications web, déboguer avec les journaux de console, automatiser le remplissage de formulaires et extraire des données des pages web.\",\"href\":\"/fr/chrome\",\"hidden\":false},{\"title\":\"Utiliser Claude Code dans VS Code\",\"sidebarTitle\":\"Visual Studio Code\",\"description\":\"Installez et configurez l'extension Claude Code pour VS Code. Obtenez une assistance de codage IA avec des diffs en ligne, des mentions @, un examen du plan et des raccourcis clavier.\",\"href\":\"/fr/vs-code\",\"hidden\":false},{\"title\":\"JetBrains IDEs\",\"description\":\"Utilisez Claude Code avec les IDEs JetBrains, notamment IntelliJ, PyCharm, WebStorm, et bien d'autres\",\"href\":\"/fr/jetbrains\",\"hidden\":false},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Découvrez comment intégrer Claude Code dans votre flux de travail de développement avec Claude Code GitHub Actions\",\"href\":\"/fr/github-actions\",\"hidden\":false},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Découvrez comment intégrer Claude Code dans votre flux de travail de développement avec GitLab CI/CD\",\"href\":\"/fr/gitlab-ci-cd\",\"hidden\":false},{\"title\":\"Claude Code dans Slack\",\"description\":\"Déléguez les tâches de codage directement depuis votre espace de travail Slack\",\"href\":\"/fr/slack\",\"hidden\":false}]}]},{\"tab\":\"Créer avec Claude Code\",\"groups\":[{\"group\":\"Créer avec Claude Code\",\"pages\":[{\"title\":\"Créer des sous-agents personnalisés\",\"description\":\"Créez et utilisez des sous-agents IA spécialisés dans Claude Code pour des flux de travail spécifiques à des tâches et une meilleure gestion du contexte.\",\"href\":\"/fr/sub-agents\",\"hidden\":false},{\"title\":\"Orchestrer des équipes de sessions Claude Code\",\"description\":\"Coordonnez plusieurs instances Claude Code travaillant ensemble en tant qu'équipe, avec des tâches partagées, la messagerie inter-agents et une gestion centralisée.\",\"href\":\"/fr/agent-teams\",\"hidden\":false},{\"title\":\"Créer des plugins\",\"sidebarTitle\":\"Créer des plugins\",\"description\":\"Créez des plugins personnalisés pour étendre Claude Code avec des skills, des agents, des hooks et des serveurs MCP.\",\"href\":\"/fr/plugins\",\"hidden\":false},{\"title\":\"Découvrez et installez des plugins prédéfinis via les marketplaces\",\"description\":\"Trouvez et installez des plugins à partir de marketplaces pour étendre Claude Code avec de nouvelles commandes, agents et capacités.\",\"href\":\"/fr/discover-plugins\",\"hidden\":false},{\"title\":\"Étendre Claude avec des compétences\",\"description\":\"Créez, gérez et partagez des compétences pour étendre les capacités de Claude dans Claude Code. Inclut les commandes slash personnalisées.\",\"href\":\"/fr/skills\",\"hidden\":false},{\"title\":\"Styles de sortie\",\"description\":\"Adaptez Claude Code pour des usages au-delà de l'ingénierie logicielle\",\"href\":\"/fr/output-styles\",\"hidden\":false},{\"title\":\"Commencer avec les hooks Claude Code\",\"description\":\"Apprenez à personnaliser et étendre le comportement de Claude Code en enregistrant des commandes shell\",\"href\":\"/fr/hooks-guide\",\"hidden\":false},{\"title\":\"Exécuter Claude Code par programmation\",\"sidebarTitle\":\"Utilisation programmatique\",\"description\":\"Utilisez l'Agent SDK pour exécuter Claude Code par programmation depuis la CLI, Python ou TypeScript.\",\"href\":\"/fr/headless\",\"hidden\":false},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"Connecter Claude Code aux outils via MCP\",\"description\":\"Apprenez à connecter Claude Code à vos outils avec le Model Context Protocol.\",\"href\":\"/fr/mcp\",\"hidden\":false},{\"title\":\"Dépannage\",\"description\":\"Découvrez des solutions aux problèmes courants avec l'installation et l'utilisation de Claude Code.\",\"href\":\"/fr/troubleshooting\",\"hidden\":false}]}]},{\"tab\":\"Déploiement\",\"groups\":[{\"group\":\"Déploiement\",\"pages\":[{\"title\":\"Aperçu du déploiement en entreprise\",\"sidebarTitle\":\"Aperçu\",\"description\":\"Découvrez comment Claude Code peut s'intégrer à divers services tiers et infrastructures pour répondre aux exigences de déploiement en entreprise.\",\"href\":\"/fr/third-party-integrations\",\"hidden\":false},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Claude Code sur Amazon Bedrock\",\"description\":\"Découvrez comment configurer Claude Code via Amazon Bedrock, y compris la configuration, la configuration IAM et le dépannage.\",\"href\":\"/fr/amazon-bedrock\",\"hidden\":false},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Claude Code sur Google Vertex AI\",\"description\":\"Découvrez comment configurer Claude Code via Google Vertex AI, y compris la configuration, la configuration IAM et le dépannage.\",\"href\":\"/fr/google-vertex-ai\",\"hidden\":false},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code sur Microsoft Foundry\",\"description\":\"Découvrez comment configurer Claude Code via Microsoft Foundry, y compris la configuration, les paramètres et la résolution des problèmes.\",\"href\":\"/fr/microsoft-foundry\",\"hidden\":false},{\"sidebarTitle\":\"Configuration réseau\",\"title\":\"Configuration réseau d'entreprise\",\"description\":\"Configurez Claude Code pour les environnements d'entreprise avec des serveurs proxy, des autorités de certification (CA) personnalisées et l'authentification mutuelle Transport Layer Security (mTLS).\",\"href\":\"/fr/network-config\",\"hidden\":false},{\"sidebarTitle\":\"Passerelle LLM\",\"title\":\"Configuration de la passerelle LLM\",\"description\":\"Découvrez comment configurer Claude Code pour fonctionner avec des solutions de passerelle LLM. Couvre les exigences de la passerelle, la configuration de l'authentification, la sélection du modèle et la configuration des points de terminaison spécifiques aux fournisseurs.\",\"href\":\"/fr/llm-gateway\",\"hidden\":false},{\"title\":\"Conteneurs de développement\",\"description\":\"Découvrez le conteneur de développement Claude Code pour les équipes qui ont besoin d'environnements cohérents et sécurisés.\",\"href\":\"/fr/devcontainer\",\"hidden\":false}]}]},{\"tab\":\"Administration\",\"groups\":[{\"group\":\"Administration\",\"pages\":[{\"sidebarTitle\":\"Installation avancée\",\"title\":\"Configurer Claude Code\",\"description\":\"Installez, authentifiez-vous et commencez à utiliser Claude Code sur votre machine de développement.\",\"href\":\"/fr/setup\",\"hidden\":false},{\"title\":\"Authentication\",\"href\":\"/fr/authentication\"},{\"title\":\"Sécurité\",\"description\":\"Découvrez les protections de sécurité de Claude Code et les meilleures pratiques pour une utilisation sûre.\",\"href\":\"/fr/security\",\"hidden\":false},{\"title\":\"Server managed settings\",\"href\":\"/fr/server-managed-settings\"},{\"title\":\"Utilisation des données\",\"description\":\"Découvrez les politiques d'utilisation des données d'Anthropic pour Claude\",\"href\":\"/fr/data-usage\",\"hidden\":false},{\"title\":\"Surveillance\",\"description\":\"Découvrez comment activer et configurer OpenTelemetry pour Claude Code.\",\"href\":\"/fr/monitoring-usage\",\"hidden\":false},{\"sidebarTitle\":\"Coûts\",\"title\":\"Gérer les coûts efficacement\",\"description\":\"Apprenez à suivre et optimiser l'utilisation des tokens et les coûts lors de l'utilisation de Claude Code.\",\"href\":\"/fr/costs\",\"hidden\":false},{\"title\":\"Analytique\",\"description\":\"Consultez des informations détaillées sur l'utilisation et les métriques de productivité pour le déploiement de Claude Code de votre organisation.\",\"href\":\"/fr/analytics\",\"hidden\":false},{\"title\":\"Créer et distribuer une place de marché de plugins\",\"sidebarTitle\":\"Créer et distribuer une place de marché de plugins\",\"description\":\"Créez et hébergez des places de marché de plugins pour distribuer les extensions Claude Code dans vos équipes et communautés.\",\"href\":\"/fr/plugin-marketplaces\",\"hidden\":false}]}]},{\"tab\":\"Configuration\",\"groups\":[{\"group\":\"Configuration\",\"pages\":[{\"sidebarTitle\":\"Paramètres\",\"title\":\"Paramètres Claude Code\",\"description\":\"Configurez Claude Code avec des paramètres globaux et au niveau du projet, ainsi que des variables d'environnement.\",\"href\":\"/fr/settings\",\"hidden\":false},{\"sidebarTitle\":\"Permissions\",\"title\":\"Configurer les permissions\",\"description\":\"Contrôlez ce que Claude Code peut accéder et faire avec des règles de permission granulaires, des modes et des politiques gérées.\",\"href\":\"/fr/permissions\",\"hidden\":false},{\"title\":\"Sandboxing\",\"description\":\"Découvrez comment l'outil bash en sandbox de Claude Code offre une isolation du système de fichiers et du réseau pour une exécution d'agent plus sûre et plus autonome.\",\"href\":\"/fr/sandboxing\",\"hidden\":false},{\"sidebarTitle\":\"Configuration du terminal\",\"title\":\"Optimisez votre configuration de terminal\",\"description\":\"Claude Code fonctionne mieux lorsque votre terminal est correctement configuré. Suivez ces directives pour optimiser votre expérience.\",\"href\":\"/fr/terminal-config\",\"hidden\":false},{\"title\":\"Configuration du modèle\",\"description\":\"Découvrez la configuration du modèle Claude Code, y compris les alias de modèle comme `opusplan`\",\"href\":\"/fr/model-config\",\"hidden\":false},{\"title\":\"Fast mode\",\"href\":\"/fr/fast-mode\"},{\"sidebarTitle\":\"Gestion de la mémoire\",\"title\":\"Gérer la mémoire de Claude\",\"description\":\"Apprenez à gérer la mémoire de Claude Code entre les sessions avec différents emplacements de mémoire et les meilleures pratiques.\",\"href\":\"/fr/memory\",\"hidden\":false},{\"title\":\"Configuration de la ligne d'état\",\"description\":\"Créez une ligne d'état personnalisée pour Claude Code afin d'afficher des informations contextuelles\",\"href\":\"/fr/statusline\",\"hidden\":false},{\"title\":\"Personnaliser les raccourcis clavier\",\"description\":\"Personnalisez les raccourcis clavier dans Claude Code avec un fichier de configuration des liaisons de touches.\",\"href\":\"/fr/keybindings\",\"hidden\":false}]}]},{\"tab\":\"Référence\",\"groups\":[{\"group\":\"Référence\",\"pages\":[{\"title\":\"Référence CLI\",\"description\":\"Référence complète pour l'interface de ligne de commande Claude Code, incluant les commandes et les drapeaux.\",\"href\":\"/fr/cli-reference\",\"hidden\":false},{\"title\":\"Mode interactif\",\"description\":\"Référence complète des raccourcis clavier, modes d'entrée et fonctionnalités interactives dans les sessions Claude Code.\",\"href\":\"/fr/interactive-mode\",\"hidden\":false},{\"title\":\"Checkpointing\",\"description\":\"Suivez automatiquement et annulez les modifications de Claude pour récupérer rapidement des changements indésirables.\",\"href\":\"/fr/checkpointing\",\"hidden\":false},{\"title\":\"Référence des hooks\",\"description\":\"Cette page fournit une documentation de référence pour l'implémentation de hooks dans Claude Code.\",\"href\":\"/fr/hooks\",\"hidden\":false},{\"title\":\"Référence des plugins\",\"description\":\"Référence technique complète du système de plugins Claude Code, incluant les schémas, les commandes CLI et les spécifications des composants.\",\"href\":\"/fr/plugins-reference\",\"hidden\":false}]}]},{\"tab\":\"Ressources\",\"groups\":[{\"group\":\"Ressources\",\"pages\":[{\"title\":\"Légal et conformité\",\"description\":\"Accords juridiques, certifications de conformité et informations de sécurité pour Claude Code.\",\"href\":\"/fr/legal-and-compliance\",\"hidden\":false}]}]}]},{\"language\":\"de\",\"tabs\":[{\"tab\":\"Erste Schritte\",\"groups\":[{\"group\":\"Erste Schritte\",\"pages\":[{\"sidebarTitle\":\"Übersicht\",\"title\":\"Claude Code Übersicht\",\"description\":\"Erfahren Sie mehr über Claude Code, Anthropics agentengestütztes Codierungswerkzeug, das in Ihrem Terminal läuft und Ihnen hilft, Ideen schneller als je zuvor in Code umzuwandeln.\",\"href\":\"/de/overview\",\"hidden\":false},{\"title\":\"Schnellstart\",\"description\":\"Willkommen bei Claude Code!\",\"href\":\"/de/quickstart\",\"hidden\":false},{\"title\":\"Changelog\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/de/changelog\",\"hidden\":false}]},{\"group\":\"Kernkonzepte\",\"pages\":[{\"title\":\"Wie Claude Code funktioniert\",\"description\":\"Verstehen Sie die agentengesteuerte Schleife, integrierte Tools und wie Claude Code mit Ihrem Projekt interagiert.\",\"href\":\"/de/how-claude-code-works\",\"hidden\":false},{\"title\":\"Claude Code erweitern\",\"sidebarTitle\":\"Claude Code erweitern\",\"description\":\"Verstehen Sie, wann Sie CLAUDE.md, Skills, Subagents, Hooks, MCP und Plugins verwenden sollten.\",\"href\":\"/de/features-overview\",\"hidden\":false},{\"title\":\"Häufige Workflows\",\"description\":\"Schritt-für-Schritt-Anleitungen zum Erkunden von Codebases, Beheben von Fehlern, Refaktorierung, Testen und anderen alltäglichen Aufgaben mit Claude Code.\",\"href\":\"/de/common-workflows\",\"hidden\":false},{\"title\":\"Best Practices für Claude Code\",\"sidebarTitle\":\"Best Practices\",\"description\":\"Tipps und Muster, um das Beste aus Claude Code herauszuholen – von der Konfiguration Ihrer Umgebung bis zur Skalierung über parallele Sitzungen.\",\"href\":\"/de/best-practices\",\"hidden\":false}]},{\"group\":\"Plattformen und Integrationen\",\"pages\":[{\"title\":\"Claude Code im Web\",\"description\":\"Führen Sie Claude Code-Aufgaben asynchron auf sicherer Cloud-Infrastruktur aus\",\"href\":\"/de/claude-code-on-the-web\",\"hidden\":false},{\"title\":\"Claude Code auf dem Desktop\",\"description\":\"Führen Sie Claude Code-Aufgaben lokal oder auf sicherer Cloud-Infrastruktur mit der Claude-Desktop-App aus\",\"href\":\"/de/desktop\",\"hidden\":false},{\"title\":\"Claude Code mit Chrome verwenden (Beta)\",\"sidebarTitle\":\"Chrome-Erweiterung (Beta)\",\"description\":\"Verbinden Sie Claude Code mit Ihrem Chrome-Browser, um Web-Apps zu testen, mit Konsolenprotokollen zu debuggen, Formularausfüllungen zu automatisieren und Daten von Webseiten zu extrahieren.\",\"href\":\"/de/chrome\",\"hidden\":false},{\"title\":\"Claude Code in VS Code verwenden\",\"description\":\"Installieren und konfigurieren Sie die Claude Code-Erweiterung für VS Code. Erhalten Sie KI-Codierungshilfe mit Inline-Diffs, @-Erwähnungen, Planüberprüfung und Tastaturkürzeln.\",\"href\":\"/de/vs-code\",\"hidden\":false},{\"title\":\"JetBrains IDEs\",\"description\":\"Verwenden Sie Claude Code mit JetBrains IDEs einschließlich IntelliJ, PyCharm, WebStorm und mehr\",\"href\":\"/de/jetbrains\",\"hidden\":false},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Erfahren Sie, wie Sie Claude Code in Ihren Entwicklungs-Workflow mit Claude Code GitHub Actions integrieren\",\"href\":\"/de/github-actions\",\"hidden\":false},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Erfahren Sie, wie Sie Claude Code in Ihren Entwicklungs-Workflow mit GitLab CI/CD integrieren\",\"href\":\"/de/gitlab-ci-cd\",\"hidden\":false},{\"title\":\"Claude Code in Slack\",\"description\":\"Delegieren Sie Codierungsaufgaben direkt aus Ihrem Slack-Arbeitsbereich\",\"href\":\"/de/slack\",\"hidden\":false}]}]},{\"tab\":\"Mit Claude Code erstellen\",\"groups\":[{\"group\":\"Mit Claude Code erstellen\",\"pages\":[{\"title\":\"Benutzerdefinierte Subagenten erstellen\",\"description\":\"Erstellen und verwenden Sie spezialisierte KI-Subagenten in Claude Code für aufgabenspezifische Workflows und verbesserte Kontextverwaltung.\",\"href\":\"/de/sub-agents\",\"hidden\":false},{\"title\":\"Orchestrieren Sie Teams von Claude Code-Sitzungen\",\"sidebarTitle\":\"Agent-Teams ausführen\",\"description\":\"Koordinieren Sie mehrere Claude Code-Instanzen, die zusammen als Team arbeiten, mit gemeinsamen Aufgaben, Messaging zwischen Agenten und zentraler Verwaltung.\",\"href\":\"/de/agent-teams\",\"hidden\":false},{\"title\":\"Plugins erstellen\",\"sidebarTitle\":\"Plugins erstellen\",\"description\":\"Erstellen Sie benutzerdefinierte Plugins, um Claude Code mit Skills, Agents, Hooks und MCP-Servern zu erweitern.\",\"href\":\"/de/plugins\",\"hidden\":false},{\"title\":\"Entdecken und installieren Sie vorgefertigte Plugins über Marktplätze\",\"description\":\"Finden und installieren Sie Plugins aus Marktplätzen, um Claude Code mit neuen Befehlen, Agenten und Funktionen zu erweitern.\",\"href\":\"/de/discover-plugins\",\"hidden\":false},{\"title\":\"Claude mit Skills erweitern\",\"description\":\"Erstellen, verwalten und teilen Sie Skills, um Claudes Fähigkeiten in Claude Code zu erweitern. Beinhaltet benutzerdefinierte Schrägstrich-Befehle.\",\"href\":\"/de/skills\",\"hidden\":false},{\"title\":\"Ausgabestile\",\"description\":\"Passen Sie Claude Code für Anwendungsfälle über Softwareentwicklung hinaus an\",\"href\":\"/de/output-styles\",\"hidden\":false},{\"title\":\"Erste Schritte mit Claude Code Hooks\",\"description\":\"Erfahren Sie, wie Sie das Verhalten von Claude Code durch die Registrierung von Shell-Befehlen anpassen und erweitern können\",\"href\":\"/de/hooks-guide\",\"hidden\":false},{\"title\":\"Claude Code programmgesteuert ausführen\",\"sidebarTitle\":\"Programmgesteuerte Nutzung\",\"description\":\"Verwenden Sie das Agent SDK, um Claude Code programmgesteuert über die CLI, Python oder TypeScript auszuführen.\",\"href\":\"/de/headless\",\"hidden\":false},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"Claude Code mit Tools über MCP verbinden\",\"description\":\"Erfahren Sie, wie Sie Claude Code mit Ihren Tools über das Model Context Protocol verbinden.\",\"href\":\"/de/mcp\",\"hidden\":false},{\"title\":\"Fehlerbehebung\",\"description\":\"Entdecken Sie Lösungen für häufige Probleme bei der Installation und Verwendung von Claude Code.\",\"href\":\"/de/troubleshooting\",\"hidden\":false}]}]},{\"tab\":\"Bereitstellung\",\"groups\":[{\"group\":\"Bereitstellung\",\"pages\":[{\"title\":\"Übersicht zur Enterprise-Bereitstellung\",\"sidebarTitle\":\"Übersicht\",\"description\":\"Erfahren Sie, wie Claude Code mit verschiedenen Drittanbieter-Services und Infrastrukturen integriert werden kann, um Enterprise-Bereitstellungsanforderungen zu erfüllen.\",\"href\":\"/de/third-party-integrations\",\"hidden\":false},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Claude Code auf Amazon Bedrock\",\"description\":\"Erfahren Sie, wie Sie Claude Code über Amazon Bedrock konfigurieren, einschließlich Setup, IAM-Konfiguration und Fehlerbehebung.\",\"href\":\"/de/amazon-bedrock\",\"hidden\":false},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Claude Code auf Google Vertex AI\",\"description\":\"Erfahren Sie, wie Sie Claude Code über Google Vertex AI konfigurieren, einschließlich Setup, IAM-Konfiguration und Fehlerbehebung.\",\"href\":\"/de/google-vertex-ai\",\"hidden\":false},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code auf Microsoft Foundry\",\"description\":\"Erfahren Sie, wie Sie Claude Code über Microsoft Foundry konfigurieren, einschließlich Setup, Konfiguration und Fehlerbehebung.\",\"href\":\"/de/microsoft-foundry\",\"hidden\":false},{\"sidebarTitle\":\"Netzwerkkonfiguration\",\"title\":\"Enterprise-Netzwerkkonfiguration\",\"description\":\"Konfigurieren Sie Claude Code für Enterprise-Umgebungen mit Proxy-Servern, benutzerdefinierten Zertifizierungsstellen (CA) und gegenseitiger Transport Layer Security (mTLS)-Authentifizierung.\",\"href\":\"/de/network-config\",\"hidden\":false},{\"sidebarTitle\":\"LLM gateway\",\"title\":\"LLM-Gateway-Konfiguration\",\"description\":\"Erfahren Sie, wie Sie Claude Code für die Zusammenarbeit mit LLM-Gateway-Lösungen konfigurieren. Behandelt Gateway-Anforderungen, Authentifizierungskonfiguration, Modellauswahl und anbieter-spezifisches Endpoint-Setup.\",\"href\":\"/de/llm-gateway\",\"hidden\":false},{\"title\":\"Entwicklungscontainer\",\"description\":\"Erfahren Sie mehr über den Claude Code-Entwicklungscontainer für Teams, die konsistente, sichere Umgebungen benötigen.\",\"href\":\"/de/devcontainer\",\"hidden\":false}]}]},{\"tab\":\"Verwaltung\",\"groups\":[{\"group\":\"Verwaltung\",\"pages\":[{\"sidebarTitle\":\"Erweiterte Installation\",\"title\":\"Claude Code einrichten\",\"description\":\"Installieren, authentifizieren und beginnen Sie mit der Verwendung von Claude Code auf Ihrem Entwicklungscomputer.\",\"href\":\"/de/setup\",\"hidden\":false},{\"title\":\"Authentication\",\"href\":\"/de/authentication\"},{\"title\":\"Sicherheit\",\"description\":\"Erfahren Sie mehr über die Sicherheitsvorkehrungen von Claude Code und bewährte Praktiken für sichere Nutzung.\",\"href\":\"/de/security\",\"hidden\":false},{\"title\":\"Server managed settings\",\"href\":\"/de/server-managed-settings\"},{\"title\":\"Datennutzung\",\"description\":\"Erfahren Sie mehr über die Datennutzungsrichtlinien von Anthropic für Claude\",\"href\":\"/de/data-usage\",\"hidden\":false},{\"title\":\"Überwachung\",\"description\":\"Erfahren Sie, wie Sie OpenTelemetry für Claude Code aktivieren und konfigurieren.\",\"href\":\"/de/monitoring-usage\",\"hidden\":false},{\"sidebarTitle\":\"Kosten\",\"title\":\"Kosten effektiv verwalten\",\"description\":\"Erfahren Sie, wie Sie die Token-Nutzung und Kosten bei der Verwendung von Claude Code verfolgen und optimieren können.\",\"href\":\"/de/costs\",\"hidden\":false},{\"title\":\"Analytik\",\"description\":\"Zeigen Sie detaillierte Nutzungseinblicke und Produktivitätsmetriken für die Claude Code-Bereitstellung Ihrer Organisation an.\",\"href\":\"/de/analytics\",\"hidden\":false},{\"title\":\"Erstellen und Verteilen eines Plugin-Marktplatzes\",\"sidebarTitle\":\"Erstellen und Verteilen eines Plugin-Marktplatzes\",\"description\":\"Erstellen und hosten Sie Plugin-Marktplätze, um Claude Code-Erweiterungen in Teams und Communities zu verteilen.\",\"href\":\"/de/plugin-marketplaces\",\"hidden\":false}]}]},{\"tab\":\"Konfiguration\",\"groups\":[{\"group\":\"Konfiguration\",\"pages\":[{\"sidebarTitle\":\"Einstellungen\",\"title\":\"Claude Code-Einstellungen\",\"description\":\"Konfigurieren Sie Claude Code mit globalen und projektbezogenen Einstellungen sowie Umgebungsvariablen.\",\"href\":\"/de/settings\",\"hidden\":false},{\"sidebarTitle\":\"Berechtigungen\",\"title\":\"Berechtigungen konfigurieren\",\"description\":\"Kontrollieren Sie, worauf Claude Code zugreifen kann und was es mit granularen Berechtigungsregeln, Modi und verwalteten Richtlinien tun kann.\",\"href\":\"/de/permissions\",\"hidden\":false},{\"title\":\"Sandboxing\",\"description\":\"Erfahren Sie, wie das Sandboxing-Tool von Claude Code Dateisystem- und Netzwerkisolation bietet, um eine sicherere und autonomere Agent-Ausführung zu ermöglichen.\",\"href\":\"/de/sandboxing\",\"hidden\":false},{\"sidebarTitle\":\"Terminalkonfiguration\",\"title\":\"Optimieren Sie Ihr Terminal-Setup\",\"description\":\"Claude Code funktioniert am besten, wenn Ihr Terminal richtig konfiguriert ist. Befolgen Sie diese Richtlinien, um Ihr Erlebnis zu optimieren.\",\"href\":\"/de/terminal-config\",\"hidden\":false},{\"title\":\"Modellkonfiguration\",\"description\":\"Erfahren Sie mehr über die Claude Code Modellkonfiguration, einschließlich Modellaliase wie `opusplan`\",\"href\":\"/de/model-config\",\"hidden\":false},{\"title\":\"Fast mode\",\"href\":\"/de/fast-mode\"},{\"sidebarTitle\":\"Speicherverwaltung\",\"title\":\"Verwalten Sie Claudes Speicher\",\"description\":\"Erfahren Sie, wie Sie Claudes Code-Speicher über Sitzungen hinweg mit verschiedenen Speicherorten und Best Practices verwalten.\",\"href\":\"/de/memory\",\"hidden\":false},{\"title\":\"Konfiguration der Statuszeile\",\"description\":\"Erstellen Sie eine benutzerdefinierte Statuszeile für Claude Code, um kontextbezogene Informationen anzuzeigen\",\"href\":\"/de/statusline\",\"hidden\":false},{\"title\":\"Tastaturkürzel anpassen\",\"description\":\"Passen Sie Tastaturkürzel in Claude Code mit einer Keybindings-Konfigurationsdatei an.\",\"href\":\"/de/keybindings\",\"hidden\":false}]}]},{\"tab\":\"Referenz\",\"groups\":[{\"group\":\"Referenz\",\"pages\":[{\"title\":\"CLI-Referenz\",\"description\":\"Vollständige Referenz für die Claude Code Befehlszeilenschnittstelle, einschließlich Befehle und Flags.\",\"href\":\"/de/cli-reference\",\"hidden\":false},{\"title\":\"Interaktiver Modus\",\"description\":\"Vollständige Referenz für Tastaturkürzel, Eingabemodi und interaktive Funktionen in Claude Code-Sitzungen.\",\"href\":\"/de/interactive-mode\",\"hidden\":false},{\"title\":\"Checkpointing\",\"description\":\"Verfolgen Sie automatisch die Änderungen von Claude und machen Sie unerwünschte Änderungen schnell rückgängig.\",\"href\":\"/de/checkpointing\",\"hidden\":false},{\"title\":\"Hooks-Referenz\",\"description\":\"Diese Seite bietet Referenzdokumentation zur Implementierung von Hooks in Claude Code.\",\"href\":\"/de/hooks\",\"hidden\":false},{\"title\":\"Plugins-Referenz\",\"description\":\"Vollständige technische Referenz für das Claude Code Plugin-System, einschließlich Schemas, CLI-Befehle und Komponentenspezifikationen.\",\"href\":\"/de/plugins-reference\",\"hidden\":false}]}]},{\"tab\":\"Ressourcen\",\"groups\":[{\"group\":\"Ressourcen\",\"pages\":[{\"title\":\"Rechtliche Bestimmungen und Compliance\",\"description\":\"Rechtliche Vereinbarungen, Compliance-Zertifizierungen und Sicherheitsinformationen für Claude Code.\",\"href\":\"/de/legal-and-compliance\",\"hidden\":false}]}]}]},{\"language\":\"it\",\"tabs\":[{\"tab\":\"Guida introduttiva\",\"groups\":[{\"group\":\"Guida introduttiva\",\"pages\":[{\"sidebarTitle\":\"Panoramica\",\"title\":\"Panoramica di Claude Code\",\"description\":\"Scopri Claude Code, lo strumento di codifica agentivo di Anthropic che vive nel tuo terminale e ti aiuta a trasformare le idee in codice più velocemente che mai.\",\"href\":\"/it/overview\",\"hidden\":false},{\"title\":\"Guida rapida\",\"description\":\"Benvenuto in Claude Code!\",\"href\":\"/it/quickstart\",\"hidden\":false},{\"title\":\"Changelog\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/it/changelog\",\"hidden\":false}]},{\"group\":\"Concetti fondamentali\",\"pages\":[{\"title\":\"Come funziona Claude Code\",\"description\":\"Comprendi il ciclo agentico, gli strumenti integrati e come Claude Code interagisce con il tuo progetto.\",\"href\":\"/it/how-claude-code-works\",\"hidden\":false},{\"title\":\"Estendi Claude Code\",\"sidebarTitle\":\"Estendi Claude Code\",\"description\":\"Comprendi quando utilizzare CLAUDE.md, Skills, subagents, hooks, MCP e plugins.\",\"href\":\"/it/features-overview\",\"hidden\":false},{\"title\":\"Flussi di lavoro comuni\",\"description\":\"Guide passo dopo passo per esplorare basi di codice, correggere bug, effettuare refactoring, testare e altre attività quotidiane con Claude Code.\",\"href\":\"/it/common-workflows\",\"hidden\":false},{\"title\":\"Best Practices per Claude Code\",\"description\":\"Suggerimenti e modelli per ottenere il massimo da Claude Code, dalla configurazione dell'ambiente al ridimensionamento tra sessioni parallele.\",\"href\":\"/it/best-practices\",\"hidden\":false}]},{\"group\":\"Piattaforme e integrazioni\",\"pages\":[{\"title\":\"Claude Code sul web\",\"description\":\"Esegui attività Claude Code in modo asincrono su infrastruttura cloud sicura\",\"href\":\"/it/claude-code-on-the-web\",\"hidden\":false},{\"title\":\"Claude Code su desktop\",\"description\":\"Esegui attività Claude Code localmente o su infrastruttura cloud sicura con l'app desktop Claude\",\"href\":\"/it/desktop\",\"hidden\":false},{\"title\":\"Usa Claude Code con Chrome (beta)\",\"sidebarTitle\":\"Estensione Chrome (beta)\",\"description\":\"Connetti Claude Code al tuo browser Chrome per testare app web, eseguire il debug con i log della console, automatizzare la compilazione di moduli ed estrarre dati dalle pagine web.\",\"href\":\"/it/chrome\",\"hidden\":false},{\"title\":\"Usa Claude Code in VS Code\",\"description\":\"Installa e configura l'estensione Claude Code per VS Code. Ottieni assistenza di codifica AI con diff inline, @-mention, revisione del piano e scorciatoie da tastiera.\",\"href\":\"/it/vs-code\",\"hidden\":false},{\"title\":\"JetBrains IDEs\",\"description\":\"Usa Claude Code con JetBrains IDEs inclusi IntelliJ, PyCharm, WebStorm e altri\",\"href\":\"/it/jetbrains\",\"hidden\":false},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Scopri come integrare Claude Code nel tuo flusso di lavoro di sviluppo con Claude Code GitHub Actions\",\"href\":\"/it/github-actions\",\"hidden\":false},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Scopri come integrare Claude Code nel tuo flusso di lavoro di sviluppo con GitLab CI/CD\",\"href\":\"/it/gitlab-ci-cd\",\"hidden\":false},{\"title\":\"Claude Code in Slack\",\"description\":\"Delega i compiti di codifica direttamente dal tuo workspace Slack\",\"href\":\"/it/slack\",\"hidden\":false}]}]},{\"tab\":\"Sviluppate con Claude Code\",\"groups\":[{\"group\":\"Sviluppate con Claude Code\",\"pages\":[{\"title\":\"Creare subagent personalizzati\",\"description\":\"Crea e utilizza subagent AI specializzati in Claude Code per flussi di lavoro specifici per attività e una migliore gestione del contesto.\",\"href\":\"/it/sub-agents\",\"hidden\":false},{\"title\":\"Orchestrare team di sessioni Claude Code\",\"description\":\"Coordinare più istanze di Claude Code che lavorano insieme come un team, con attività condivise, messaggistica tra agenti e gestione centralizzata.\",\"href\":\"/it/agent-teams\",\"hidden\":false},{\"title\":\"Creare plugin\",\"sidebarTitle\":\"Creare plugin\",\"description\":\"Crea plugin personalizzati per estendere Claude Code con skills, agents, hooks e MCP servers.\",\"href\":\"/it/plugins\",\"hidden\":false},{\"title\":\"Scopri e installa plugin precostruiti tramite marketplace\",\"description\":\"Trova e installa plugin dai marketplace per estendere Claude Code con nuovi comandi, agenti e funzionalità.\",\"href\":\"/it/discover-plugins\",\"hidden\":false},{\"title\":\"Estendi Claude con le skill\",\"description\":\"Crea, gestisci e condividi skill per estendere le capacità di Claude in Claude Code. Include comandi slash personalizzati.\",\"href\":\"/it/skills\",\"hidden\":false},{\"title\":\"Stili di output\",\"description\":\"Adattare Claude Code per usi oltre l'ingegneria del software\",\"href\":\"/it/output-styles\",\"hidden\":false},{\"title\":\"Iniziare con i hook di Claude Code\",\"description\":\"Scopri come personalizzare ed estendere il comportamento di Claude Code registrando comandi shell\",\"href\":\"/it/hooks-guide\",\"hidden\":false},{\"title\":\"Eseguire Claude Code a livello di programmazione\",\"description\":\"Utilizza l'Agent SDK per eseguire Claude Code a livello di programmazione dalla CLI, Python o TypeScript.\",\"href\":\"/it/headless\",\"hidden\":false},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"Connetti Claude Code ai tuoi strumenti tramite MCP\",\"description\":\"Scopri come connettere Claude Code ai tuoi strumenti con il Model Context Protocol.\",\"href\":\"/it/mcp\",\"hidden\":false},{\"title\":\"Risoluzione dei problemi\",\"description\":\"Scopri soluzioni ai problemi comuni con l'installazione e l'utilizzo di Claude Code.\",\"href\":\"/it/troubleshooting\",\"hidden\":false}]}]},{\"tab\":\"Distribuzione\",\"groups\":[{\"group\":\"Distribuzione\",\"pages\":[{\"title\":\"Panoramica della distribuzione aziendale\",\"sidebarTitle\":\"Panoramica\",\"description\":\"Scopri come Claude Code può integrarsi con vari servizi di terze parti e infrastrutture per soddisfare i requisiti di distribuzione aziendale.\",\"href\":\"/it/third-party-integrations\",\"hidden\":false},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Claude Code su Amazon Bedrock\",\"description\":\"Scopri come configurare Claude Code tramite Amazon Bedrock, inclusa la configurazione, la configurazione IAM e la risoluzione dei problemi.\",\"href\":\"/it/amazon-bedrock\",\"hidden\":false},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Claude Code su Google Vertex AI\",\"description\":\"Scopri come configurare Claude Code tramite Google Vertex AI, inclusa la configurazione, la configurazione IAM e la risoluzione dei problemi.\",\"href\":\"/it/google-vertex-ai\",\"hidden\":false},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code su Microsoft Foundry\",\"description\":\"Scopri come configurare Claude Code tramite Microsoft Foundry, inclusi setup, configurazione e risoluzione dei problemi.\",\"href\":\"/it/microsoft-foundry\",\"hidden\":false},{\"sidebarTitle\":\"Configurazione di rete\",\"title\":\"Configurazione di rete aziendale\",\"description\":\"Configurare Claude Code per ambienti aziendali con server proxy, Autorità di Certificazione (CA) personalizzate e autenticazione Transport Layer Security (mTLS) reciproca.\",\"href\":\"/it/network-config\",\"hidden\":false},{\"sidebarTitle\":\"Gateway LLM\",\"title\":\"Configurazione del gateway LLM\",\"description\":\"Scopri come configurare Claude Code per funzionare con soluzioni di gateway LLM. Copre i requisiti del gateway, la configurazione dell'autenticazione, la selezione del modello e la configurazione degli endpoint specifici del provider.\",\"href\":\"/it/llm-gateway\",\"hidden\":false},{\"title\":\"Contenitori di sviluppo\",\"description\":\"Scopri il contenitore di sviluppo Claude Code per i team che necessitano di ambienti coerenti e sicuri.\",\"href\":\"/it/devcontainer\",\"hidden\":false}]}]},{\"tab\":\"Amministrazione\",\"groups\":[{\"group\":\"Amministrazione\",\"pages\":[{\"sidebarTitle\":\"Installazione avanzata\",\"title\":\"Configurare Claude Code\",\"description\":\"Installa, autentica e inizia a utilizzare Claude Code sulla tua macchina di sviluppo.\",\"href\":\"/it/setup\",\"hidden\":false},{\"title\":\"Authentication\",\"href\":\"/it/authentication\"},{\"title\":\"Sicurezza\",\"description\":\"Scopri le misure di sicurezza di Claude Code e le migliori pratiche per un utilizzo sicuro.\",\"href\":\"/it/security\",\"hidden\":false},{\"title\":\"Server managed settings\",\"href\":\"/it/server-managed-settings\"},{\"title\":\"Utilizzo dei dati\",\"description\":\"Scopri le politiche di utilizzo dei dati di Anthropic per Claude\",\"href\":\"/it/data-usage\",\"hidden\":false},{\"title\":\"Monitoraggio\",\"description\":\"Scopri come abilitare e configurare OpenTelemetry per Claude Code.\",\"href\":\"/it/monitoring-usage\",\"hidden\":false},{\"sidebarTitle\":\"Costi\",\"title\":\"Gestisci i costi in modo efficace\",\"description\":\"Scopri come tracciare e ottimizzare l'utilizzo dei token e i costi quando utilizzi Claude Code.\",\"href\":\"/it/costs\",\"hidden\":false},{\"title\":\"Analitiche\",\"description\":\"Visualizza approfondimenti dettagliati sull'utilizzo e metriche di produttività per la distribuzione di Claude Code della tua organizzazione.\",\"href\":\"/it/analytics\",\"hidden\":false},{\"title\":\"Creare e distribuire un marketplace di plugin\",\"sidebarTitle\":\"Creare e distribuire un marketplace di plugin\",\"description\":\"Crea e ospita marketplace di plugin per distribuire estensioni Claude Code tra team e comunità.\",\"href\":\"/it/plugin-marketplaces\",\"hidden\":false}]}]},{\"tab\":\"Configurazione\",\"groups\":[{\"group\":\"Configurazione\",\"pages\":[{\"sidebarTitle\":\"Impostazioni\",\"title\":\"Impostazioni di Claude Code\",\"description\":\"Configura Claude Code con impostazioni globali e a livello di progetto, e variabili d'ambiente.\",\"href\":\"/it/settings\",\"hidden\":false},{\"sidebarTitle\":\"Autorizzazioni\",\"title\":\"Configurare le autorizzazioni\",\"description\":\"Controlla cosa Claude Code può accedere e fare con regole di autorizzazione granulari, modalità e politiche gestite.\",\"href\":\"/it/permissions\",\"hidden\":false},{\"title\":\"Sandboxing\",\"description\":\"Scopri come lo strumento bash in sandbox di Claude Code fornisce isolamento del filesystem e della rete per un'esecuzione dell'agente più sicura e autonoma.\",\"href\":\"/it/sandboxing\",\"hidden\":false},{\"sidebarTitle\":\"Configurazione del terminale\",\"title\":\"Ottimizza la configurazione del tuo terminale\",\"description\":\"Claude Code funziona al meglio quando il tuo terminale è correttamente configurato. Segui queste linee guida per ottimizzare la tua esperienza.\",\"href\":\"/it/terminal-config\",\"hidden\":false},{\"title\":\"Configurazione del modello\",\"description\":\"Scopri la configurazione del modello Claude Code, inclusi gli alias dei modelli come `opusplan`\",\"href\":\"/it/model-config\",\"hidden\":false},{\"title\":\"Fast mode\",\"href\":\"/it/fast-mode\"},{\"sidebarTitle\":\"Gestione della memoria\",\"title\":\"Gestisci la memoria di Claude\",\"description\":\"Scopri come gestire la memoria di Claude Code tra le sessioni con diverse posizioni di memoria e best practice.\",\"href\":\"/it/memory\",\"hidden\":false},{\"title\":\"Configurazione della barra di stato\",\"description\":\"Crea una barra di stato personalizzata per Claude Code per visualizzare informazioni contestuali\",\"href\":\"/it/statusline\",\"hidden\":false},{\"title\":\"Personalizza le scorciatoie da tastiera\",\"description\":\"Personalizza le scorciatoie da tastiera in Claude Code con un file di configurazione keybindings.\",\"href\":\"/it/keybindings\",\"hidden\":false}]}]},{\"tab\":\"Riferimento\",\"groups\":[{\"group\":\"Riferimento\",\"pages\":[{\"title\":\"Riferimento CLI\",\"description\":\"Riferimento completo per l'interfaccia della riga di comando Claude Code, inclusi comandi e flag.\",\"href\":\"/it/cli-reference\",\"hidden\":false},{\"title\":\"Modalità interattiva\",\"description\":\"Riferimento completo per scorciatoie da tastiera, modalità di input e funzionalità interattive nelle sessioni Claude Code.\",\"href\":\"/it/interactive-mode\",\"hidden\":false},{\"title\":\"checkpoint\",\"description\":\"Traccia automaticamente e riavvolgi gli edit di Claude per recuperare rapidamente dai cambiamenti indesiderati.\",\"href\":\"/it/checkpointing\",\"hidden\":false},{\"title\":\"Riferimento degli hook\",\"description\":\"Questa pagina fornisce documentazione di riferimento per l'implementazione degli hook in Claude Code.\",\"href\":\"/it/hooks\",\"hidden\":false},{\"title\":\"Riferimento dei plugin\",\"description\":\"Riferimento tecnico completo per il sistema di plugin di Claude Code, inclusi schemi, comandi CLI e specifiche dei componenti.\",\"href\":\"/it/plugins-reference\",\"hidden\":false}]}]},{\"tab\":\"Risorse\",\"groups\":[{\"group\":\"Risorse\",\"pages\":[{\"title\":\"Aspetti legali e conformità\",\"description\":\"Accordi legali, certificazioni di conformità e informazioni sulla sicurezza per Claude Code.\",\"href\":\"/it/legal-and-compliance\",\"hidden\":false}]}]}]},{\"language\":\"jp\",\"tabs\":[{\"tab\":\"はじめに\",\"groups\":[{\"group\":\"はじめに\",\"pages\":[{\"sidebarTitle\":\"概要\",\"title\":\"Claude Code 概要\",\"description\":\"Anthropic の agentic coding ツール Claude Code について学びます。Claude Code はターミナルで動作し、アイデアをコードに変えるのを今までより速く支援します。\",\"href\":\"/ja/overview\",\"hidden\":false},{\"title\":\"クイックスタート\",\"description\":\"Claude Codeへようこそ！\",\"href\":\"/ja/quickstart\",\"hidden\":false},{\"title\":\"変更履歴\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/ja/changelog\",\"hidden\":false}]},{\"group\":\"コア概念\",\"pages\":[{\"title\":\"Claude Code の仕組み\",\"description\":\"agentic ループ、組み込みツール、Claude Code がプロジェクトとどのように相互作用するかを理解します。\",\"href\":\"/ja/how-claude-code-works\",\"hidden\":false},{\"title\":\"Claude Code を拡張する\",\"sidebarTitle\":\"Claude Code を拡張する\",\"description\":\"CLAUDE.md、Skills、subagents、hooks、MCP、plugins をいつ使用するかを理解します。\",\"href\":\"/ja/features-overview\",\"hidden\":false},{\"title\":\"一般的なワークフロー\",\"description\":\"Claude Code でコードベースの探索、バグ修正、リファクタリング、テスト、その他の日常的なタスクを実行するためのステップバイステップガイド。\",\"href\":\"/ja/common-workflows\",\"hidden\":false},{\"title\":\"Claude Code のベストプラクティス\",\"sidebarTitle\":\"ベストプラクティス\",\"description\":\"環境設定から並列セッションでのスケーリングまで、Claude Code を最大限に活用するためのヒントとパターン。\",\"href\":\"/ja/best-practices\",\"hidden\":false}]},{\"group\":\"プラットフォームと統合\",\"pages\":[{\"title\":\"ウェブ上の Claude Code\",\"description\":\"セキュアなクラウドインフラストラクチャで Claude Code タスクを非同期に実行します\",\"href\":\"/ja/claude-code-on-the-web\",\"hidden\":false},{\"title\":\"デスクトップ上の Claude Code\",\"description\":\"Claude デスクトップアプリを使用して、Claude Code タスクをローカルで実行するか、セキュアなクラウドインフラストラクチャで実行します\",\"href\":\"/ja/desktop\",\"hidden\":false},{\"title\":\"Chrome で Claude Code を使用する（ベータ版）\",\"sidebarTitle\":\"Chrome 拡張機能（ベータ版）\",\"description\":\"Claude Code を Chrome ブラウザに接続して、Web アプリをテストし、コンソールログでデバッグし、フォーム入力を自動化し、Web ページからデータを抽出します。\",\"href\":\"/ja/chrome\",\"hidden\":false},{\"title\":\"VS Code で Claude Code を使用する\",\"description\":\"Claude Code 拡張機能を VS Code にインストールして設定します。インラインの差分表示、@-メンション、プラン確認、キーボードショートカットを使用した AI コーディング支援を取得します。\",\"href\":\"/ja/vs-code\",\"hidden\":false},{\"title\":\"JetBrains IDEs\",\"description\":\"Claude CodeをIntelliJ、PyCharm、WebStormなどのJetBrains IDEで使用する\",\"href\":\"/ja/jetbrains\",\"hidden\":false},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Claude Code を GitHub ワークフローに統合する方法について学びます\",\"href\":\"/ja/github-actions\",\"hidden\":false},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Claude Code を GitLab CI/CD で開発ワークフローに統合する方法について学びます\",\"href\":\"/ja/gitlab-ci-cd\",\"hidden\":false},{\"title\":\"Slack での Claude Code\",\"description\":\"Slack ワークスペースから直接コーディングタスクを委任する\",\"href\":\"/ja/slack\",\"hidden\":false}]}]},{\"tab\":\"Claude Code で構築する\",\"groups\":[{\"group\":\"Claude Code で構築する\",\"pages\":[{\"title\":\"カスタムサブエージェントの作成\",\"description\":\"Claude Code でタスク固有のワークフローと改善されたコンテキスト管理のための特化した AI サブエージェントを作成して使用します。\",\"href\":\"/ja/sub-agents\",\"hidden\":false},{\"title\":\"Claude Code セッションのチームを調整する\",\"sidebarTitle\":\"エージェントチームを実行する\",\"description\":\"複数の Claude Code インスタンスがチームとして連携して動作するように調整します。共有タスク、エージェント間メッセージング、一元管理を備えています。\",\"href\":\"/ja/agent-teams\",\"hidden\":false},{\"title\":\"プラグインを作成する\",\"sidebarTitle\":\"プラグインを作成する\",\"description\":\"スキル、エージェント、フック、MCP サーバーを使用して Claude Code を拡張するカスタムプラグインを作成します。\",\"href\":\"/ja/plugins\",\"hidden\":false},{\"title\":\"マーケットプレイスを通じてプリビルトプラグインを発見してインストールする\",\"description\":\"マーケットプレイスからプラグインを見つけてインストールし、Claude Codeを新しいコマンド、エージェント、機能で拡張します。\",\"href\":\"/ja/discover-plugins\",\"hidden\":false},{\"title\":\"Claude をスキルで拡張する\",\"description\":\"Claude Code でスキルを作成、管理、共有して Claude の機能を拡張します。カスタムスラッシュコマンドを含みます。\",\"href\":\"/ja/skills\",\"hidden\":false},{\"title\":\"出力スタイル\",\"description\":\"ソフトウェアエンジニアリング以外の用途に合わせて Claude Code をカスタマイズする\",\"href\":\"/ja/output-styles\",\"hidden\":false},{\"title\":\"Claude Code フックの使い始め\",\"description\":\"シェルコマンドを登録して Claude Code の動作をカスタマイズおよび拡張する方法を学びます\",\"href\":\"/ja/hooks-guide\",\"hidden\":false},{\"title\":\"Claude Code をプログラムで実行する\",\"sidebarTitle\":\"プログラムでの使用\",\"description\":\"Agent SDK を使用して、CLI、Python、または TypeScript からプログラムで Claude Code を実行します。\",\"href\":\"/ja/headless\",\"hidden\":false},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"MCPを使用してClaude Codeをツールに接続する\",\"description\":\"Model Context Protocolを使用してClaude Codeをツールに接続する方法を学びます。\",\"href\":\"/ja/mcp\",\"hidden\":false},{\"title\":\"トラブルシューティング\",\"description\":\"Claude Codeのインストールと使用に関する一般的な問題の解決策を発見してください。\",\"href\":\"/ja/troubleshooting\",\"hidden\":false}]}]},{\"tab\":\"デプロイ\",\"groups\":[{\"group\":\"デプロイ\",\"pages\":[{\"title\":\"エンタープライズデプロイメント概要\",\"sidebarTitle\":\"概要\",\"description\":\"Claude Codeがさまざまなサードパーティサービスとインフラストラクチャと統合して、エンタープライズデプロイメント要件を満たす方法について学びます。\",\"href\":\"/ja/third-party-integrations\",\"hidden\":false},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Amazon Bedrock 上の Claude Code\",\"description\":\"Amazon Bedrock を通じた Claude Code の設定方法（セットアップ、IAM 設定、トラブルシューティングを含む）について学習します。\",\"href\":\"/ja/amazon-bedrock\",\"hidden\":false},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Google Vertex AI 上の Claude Code\",\"description\":\"Google Vertex AI を通じた Claude Code の設定方法について学びます。セットアップ、IAM 設定、トラブルシューティングを含みます。\",\"href\":\"/ja/google-vertex-ai\",\"hidden\":false},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code on Microsoft Foundry\",\"description\":\"Microsoft Foundryを通じてClaude Codeを構成する方法について学びます。セットアップ、構成、トラブルシューティングを含みます。\",\"href\":\"/ja/microsoft-foundry\",\"hidden\":false},{\"sidebarTitle\":\"ネットワーク設定\",\"title\":\"エンタープライズネットワーク設定\",\"description\":\"プロキシサーバー、カスタム認証局（CA）、相互 Transport Layer Security（mTLS）認証を使用して、エンタープライズ環境向けに Claude Code を設定します。\",\"href\":\"/ja/network-config\",\"hidden\":false},{\"sidebarTitle\":\"LLM gateway\",\"title\":\"LLM gateway設定\",\"description\":\"Claude CodeをLLM gatewayソリューションと連携するための設定方法を学びます。gateway要件、認証設定、モデル選択、プロバイダー固有のエンドポイント設定をカバーしています。\",\"href\":\"/ja/llm-gateway\",\"hidden\":false},{\"title\":\"開発コンテナ\",\"description\":\"一貫性のある安全な環境が必要なチーム向けのClaude Code開発コンテナについて学びます。\",\"href\":\"/ja/devcontainer\",\"hidden\":false}]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[{\"sidebarTitle\":\"高度なインストール\",\"title\":\"Claude Code をセットアップする\",\"description\":\"開発マシンに Claude Code をインストール、認証し、使用を開始します。\",\"href\":\"/ja/setup\",\"hidden\":false},{\"title\":\"Authentication\",\"href\":\"/ja/authentication\"},{\"title\":\"セキュリティ\",\"description\":\"Claude Codeのセキュリティ対策とセキュアな使用方法のベストプラクティスについて学びます。\",\"href\":\"/ja/security\",\"hidden\":false},{\"title\":\"Server managed settings\",\"href\":\"/ja/server-managed-settings\"},{\"title\":\"データ使用\",\"description\":\"Anthropic の Claude のデータ使用ポリシーについて学習します\",\"href\":\"/ja/data-usage\",\"hidden\":false},{\"title\":\"監視\",\"description\":\"Claude Code の OpenTelemetry を有効にして設定する方法を学びます。\",\"href\":\"/ja/monitoring-usage\",\"hidden\":false},{\"sidebarTitle\":\"コスト\",\"title\":\"コストを効果的に管理する\",\"description\":\"Claude Codeを使用する際のトークン使用量とコストを追跡および最適化する方法を学びます。\",\"href\":\"/ja/costs\",\"hidden\":false},{\"title\":\"分析\",\"description\":\"組織の Claude Code デプロイメントの詳細な使用状況インサイトと生産性メトリクスを表示します。\",\"href\":\"/ja/analytics\",\"hidden\":false},{\"title\":\"プラグインマーケットプレイスの作成と配布\",\"sidebarTitle\":\"プラグインマーケットプレイスの作成と配布\",\"description\":\"Claude Code 拡張機能を配布するためのプラグインマーケットプレイスを構築およびホストします。\",\"href\":\"/ja/plugin-marketplaces\",\"hidden\":false}]}]},{\"tab\":\"設定\",\"groups\":[{\"group\":\"設定\",\"pages\":[{\"sidebarTitle\":\"Settings\",\"title\":\"Claude Code の設定\",\"description\":\"Claude Code をグローバル設定とプロジェクトレベルの設定、および環境変数で構成します。\",\"href\":\"/ja/settings\",\"hidden\":false},{\"sidebarTitle\":\"パーミッション\",\"title\":\"パーミッションの設定\",\"description\":\"きめ細かいパーミッションルール、モード、管理ポリシーを使用して、Claude Code がアクセスして実行できる内容を制御します。\",\"href\":\"/ja/permissions\",\"hidden\":false},{\"title\":\"サンドボックス化\",\"description\":\"Claude Codeのサンドボックス化されたbashツールがファイルシステムとネットワークの分離を提供し、より安全で自律的なエージェント実行を実現する方法を学びます。\",\"href\":\"/ja/sandboxing\",\"hidden\":false},{\"sidebarTitle\":\"ターミナル設定\",\"title\":\"ターミナルセットアップを最適化する\",\"description\":\"Claude Codeはターミナルが適切に設定されているときに最適に機能します。これらのガイドラインに従って、エクスペリエンスを最適化してください。\",\"href\":\"/ja/terminal-config\",\"hidden\":false},{\"title\":\"モデル設定\",\"description\":\"Claude Code のモデル設定について学習します。opusplan などのモデルエイリアスを含みます。\",\"href\":\"/ja/model-config\",\"hidden\":false},{\"title\":\"Fast mode\",\"href\":\"/ja/fast-mode\"},{\"sidebarTitle\":\"メモリ管理\",\"title\":\"Claudeのメモリを管理する\",\"description\":\"異なるメモリロケーションとベストプラクティスを使用して、セッション間でClaude Codeのメモリを管理する方法を学びます。\",\"href\":\"/ja/memory\",\"hidden\":false},{\"title\":\"ステータスラインの設定\",\"description\":\"Claude Codeのカスタムステータスラインを作成して、コンテキスト情報を表示します\",\"href\":\"/ja/statusline\",\"hidden\":false},{\"title\":\"キーボードショートカットのカスタマイズ\",\"description\":\"キーバインディング設定ファイルを使用して Claude Code のキーボードショートカットをカスタマイズします。\",\"href\":\"/ja/keybindings\",\"hidden\":false}]}]},{\"tab\":\"リファレンス\",\"groups\":[{\"group\":\"リファレンス\",\"pages\":[{\"title\":\"CLI リファレンス\",\"description\":\"Claude Code コマンドラインインターフェースの完全なリファレンス。コマンドとフラグを含みます。\",\"href\":\"/ja/cli-reference\",\"hidden\":false},{\"title\":\"インタラクティブモード\",\"description\":\"Claude Code セッションのキーボードショートカット、入力モード、インタラクティブ機能の完全なリファレンス。\",\"href\":\"/ja/interactive-mode\",\"hidden\":false},{\"title\":\"Checkpointing\",\"description\":\"Claude の編集を自動的に追跡し、不要な変更から素早く復旧するために以前の状態に巻き戻します。\",\"href\":\"/ja/checkpointing\",\"hidden\":false},{\"title\":\"Hooksリファレンス\",\"description\":\"このページでは、Claude Codeでhooksを実装するためのリファレンスドキュメントを提供します。\",\"href\":\"/ja/hooks\",\"hidden\":false},{\"title\":\"プラグインリファレンス\",\"description\":\"Claude Code プラグインシステムの完全な技術リファレンス。スキーマ、CLI コマンド、コンポーネント仕様を含みます。\",\"href\":\"/ja/plugins-reference\",\"hidden\":false}]}]},{\"tab\":\"リソース\",\"groups\":[{\"group\":\"リソース\",\"pages\":[{\"title\":\"法的およびコンプライアンス\",\"description\":\"Claude Codeの法的契約、コンプライアンス認証、およびセキュリティ情報。\",\"href\":\"/ja/legal-and-compliance\",\"hidden\":false}]}]}]},{\"language\":\"es\",\"tabs\":[{\"tab\":\"Primeros pasos\",\"groups\":[{\"group\":\"Primeros pasos\",\"pages\":[{\"sidebarTitle\":\"Descripción general\",\"title\":\"Descripción general de Claude Code\",\"description\":\"Aprenda sobre Claude Code, la herramienta de codificación agéntica de Anthropic que vive en su terminal y le ayuda a convertir ideas en código más rápido que nunca.\",\"href\":\"/es/overview\",\"hidden\":false},{\"title\":\"Guía de inicio rápido\",\"description\":\"¡Bienvenido a Claude Code!\",\"href\":\"/es/quickstart\",\"hidden\":false},{\"title\":\"Registro de cambios\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/es/changelog\",\"hidden\":false}]},{\"group\":\"Conceptos fundamentales\",\"pages\":[{\"title\":\"Cómo funciona Claude Code\",\"description\":\"Comprenda el bucle agentico, las herramientas integradas y cómo Claude Code interactúa con su proyecto.\",\"href\":\"/es/how-claude-code-works\",\"hidden\":false},{\"title\":\"Extender Claude Code\",\"description\":\"Comprenda cuándo usar CLAUDE.md, Skills, subagents, hooks, MCP y plugins.\",\"href\":\"/es/features-overview\",\"hidden\":false},{\"title\":\"Flujos de trabajo comunes\",\"description\":\"Guías paso a paso para explorar bases de código, corregir errores, refactorizar, probar y otras tareas cotidianas con Claude Code.\",\"href\":\"/es/common-workflows\",\"hidden\":false},{\"title\":\"Mejores prácticas para Claude Code\",\"description\":\"Consejos y patrones para aprovechar al máximo Claude Code, desde configurar su entorno hasta escalar entre sesiones paralelas.\",\"href\":\"/es/best-practices\",\"hidden\":false}]},{\"group\":\"Plataformas e integraciones\",\"pages\":[{\"title\":\"Claude Code en la web\",\"description\":\"Ejecuta tareas de Claude Code de forma asincrónica en infraestructura en la nube segura\",\"href\":\"/es/claude-code-on-the-web\",\"hidden\":false},{\"title\":\"Claude Code en escritorio\",\"description\":\"Ejecuta tareas de Claude Code localmente o en infraestructura en la nube segura con la aplicación de escritorio de Claude\",\"href\":\"/es/desktop\",\"hidden\":false},{\"title\":\"Usar Claude Code con Chrome (beta)\",\"sidebarTitle\":\"Extensión de Chrome (beta)\",\"description\":\"Conecta Claude Code a tu navegador Chrome para probar aplicaciones web, depurar con registros de consola, automatizar el relleno de formularios y extraer datos de páginas web.\",\"href\":\"/es/chrome\",\"hidden\":false},{\"title\":\"Usar Claude Code en VS Code\",\"description\":\"Instala y configura la extensión Claude Code para VS Code. Obtén asistencia de codificación con IA con diffs en línea, menciones @, revisión de planes y atajos de teclado.\",\"href\":\"/es/vs-code\",\"hidden\":false},{\"title\":\"JetBrains IDEs\",\"description\":\"Usa Claude Code con JetBrains IDEs incluyendo IntelliJ, PyCharm, WebStorm y más\",\"href\":\"/es/jetbrains\",\"hidden\":false},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Aprenda a integrar Claude Code en su flujo de trabajo de desarrollo con Claude Code GitHub Actions\",\"href\":\"/es/github-actions\",\"hidden\":false},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Aprenda a integrar Claude Code en su flujo de trabajo de desarrollo con GitLab CI/CD\",\"href\":\"/es/gitlab-ci-cd\",\"hidden\":false},{\"title\":\"Claude Code en Slack\",\"description\":\"Delega tareas de codificación directamente desde tu espacio de trabajo de Slack\",\"href\":\"/es/slack\",\"hidden\":false}]}]},{\"tab\":\"Crear con Claude Code\",\"groups\":[{\"group\":\"Crear con Claude Code\",\"pages\":[{\"title\":\"Crear subagentes personalizados\",\"description\":\"Crea y utiliza subagentes de IA especializados en Claude Code para flujos de trabajo específicos de tareas y una mejor gestión del contexto.\",\"href\":\"/es/sub-agents\",\"hidden\":false},{\"title\":\"Orquestar equipos de sesiones de Claude Code\",\"description\":\"Coordina múltiples instancias de Claude Code trabajando juntas como un equipo, con tareas compartidas, mensajería entre agentes y gestión centralizada.\",\"href\":\"/es/agent-teams\",\"hidden\":false},{\"title\":\"Crear plugins\",\"sidebarTitle\":\"Crear plugins\",\"description\":\"Crea plugins personalizados para extender Claude Code con skills, agentes, hooks y servidores MCP.\",\"href\":\"/es/plugins\",\"hidden\":false},{\"title\":\"Descubre e instala complementos precompilados a través de mercados\",\"description\":\"Encuentra e instala complementos desde mercados para extender Claude Code con nuevos comandos, agentes y capacidades.\",\"href\":\"/es/discover-plugins\",\"hidden\":false},{\"title\":\"Extender Claude con habilidades\",\"description\":\"Crea, gestiona y comparte habilidades para extender las capacidades de Claude en Claude Code. Incluye comandos de barra diagonal personalizados.\",\"href\":\"/es/skills\",\"hidden\":false},{\"title\":\"Estilos de salida\",\"description\":\"Adapte Claude Code para usos más allá de la ingeniería de software\",\"href\":\"/es/output-styles\",\"hidden\":false},{\"title\":\"Comenzar con los hooks de Claude Code\",\"description\":\"Aprende cómo personalizar y extender el comportamiento de Claude Code registrando comandos de shell\",\"href\":\"/es/hooks-guide\",\"hidden\":false},{\"title\":\"Ejecutar Claude Code mediante programación\",\"description\":\"Utilice el Agent SDK para ejecutar Claude Code mediante programación desde la CLI, Python o TypeScript.\",\"href\":\"/es/headless\",\"hidden\":false},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"Conecta Claude Code a herramientas a través de MCP\",\"description\":\"Aprende cómo conectar Claude Code a tus herramientas con el Model Context Protocol.\",\"href\":\"/es/mcp\",\"hidden\":false},{\"title\":\"Solución de problemas\",\"description\":\"Descubre soluciones a problemas comunes con la instalación y uso de Claude Code.\",\"href\":\"/es/troubleshooting\",\"hidden\":false}]}]},{\"tab\":\"Implementación\",\"groups\":[{\"group\":\"Implementación\",\"pages\":[{\"title\":\"Descripción general de implementación empresarial\",\"sidebarTitle\":\"Descripción general\",\"description\":\"Aprende cómo Claude Code puede integrarse con varios servicios de terceros e infraestructura para cumplir con los requisitos de implementación empresarial.\",\"href\":\"/es/third-party-integrations\",\"hidden\":false},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Claude Code en Amazon Bedrock\",\"description\":\"Aprenda a configurar Claude Code a través de Amazon Bedrock, incluyendo configuración, configuración de IAM y solución de problemas.\",\"href\":\"/es/amazon-bedrock\",\"hidden\":false},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Claude Code en Google Vertex AI\",\"description\":\"Aprenda a configurar Claude Code a través de Google Vertex AI, incluyendo configuración, configuración de IAM y solución de problemas.\",\"href\":\"/es/google-vertex-ai\",\"hidden\":false},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code en Microsoft Foundry\",\"description\":\"Aprende a configurar Claude Code a través de Microsoft Foundry, incluyendo configuración, instalación y solución de problemas.\",\"href\":\"/es/microsoft-foundry\",\"hidden\":false},{\"sidebarTitle\":\"Configuración de red\",\"title\":\"Configuración de red empresarial\",\"description\":\"Configure Claude Code para entornos empresariales con servidores proxy, Autoridades de Certificación (CA) personalizadas y autenticación mutua de Seguridad de la Capa de Transporte (mTLS).\",\"href\":\"/es/network-config\",\"hidden\":false},{\"sidebarTitle\":\"Puerta de enlace LLM\",\"title\":\"Configuración de la puerta de enlace LLM\",\"description\":\"Aprende cómo configurar Claude Code para trabajar con soluciones de puerta de enlace LLM. Cubre requisitos de puerta de enlace, configuración de autenticación, selección de modelos y configuración de puntos finales específicos del proveedor.\",\"href\":\"/es/llm-gateway\",\"hidden\":false},{\"title\":\"Contenedores de desarrollo\",\"description\":\"Aprende sobre el contenedor de desarrollo de Claude Code para equipos que necesitan entornos consistentes y seguros.\",\"href\":\"/es/devcontainer\",\"hidden\":false}]}]},{\"tab\":\"Administración\",\"groups\":[{\"group\":\"Administración\",\"pages\":[{\"sidebarTitle\":\"Instalación avanzada\",\"title\":\"Configurar Claude Code\",\"description\":\"Instala, autentica y comienza a usar Claude Code en tu máquina de desarrollo.\",\"href\":\"/es/setup\",\"hidden\":false},{\"title\":\"Authentication\",\"href\":\"/es/authentication\"},{\"title\":\"Seguridad\",\"description\":\"Aprende sobre las medidas de seguridad de Claude Code y las mejores prácticas para un uso seguro.\",\"href\":\"/es/security\",\"hidden\":false},{\"title\":\"Server managed settings\",\"href\":\"/es/server-managed-settings\"},{\"title\":\"Uso de datos\",\"description\":\"Conozca las políticas de uso de datos de Anthropic para Claude\",\"href\":\"/es/data-usage\",\"hidden\":false},{\"title\":\"Monitoreo\",\"description\":\"Aprende cómo habilitar y configurar OpenTelemetry para Claude Code.\",\"href\":\"/es/monitoring-usage\",\"hidden\":false},{\"sidebarTitle\":\"Costos\",\"title\":\"Gestionar costos de manera efectiva\",\"description\":\"Aprende cómo rastrear y optimizar el uso de tokens y costos al usar Claude Code.\",\"href\":\"/es/costs\",\"hidden\":false},{\"title\":\"Análisis\",\"description\":\"Ver información detallada de uso e indicadores de productividad para la implementación de Claude Code de su organización.\",\"href\":\"/es/analytics\",\"hidden\":false},{\"title\":\"Crear y distribuir un marketplace de plugins\",\"sidebarTitle\":\"Crear y distribuir un marketplace de plugins\",\"description\":\"Cree y aloje marketplaces de plugins para distribuir extensiones de Claude Code en equipos y comunidades.\",\"href\":\"/es/plugin-marketplaces\",\"hidden\":false}]}]},{\"tab\":\"Configuración\",\"groups\":[{\"group\":\"Configuración\",\"pages\":[{\"sidebarTitle\":\"Configuración\",\"title\":\"Configuración de Claude Code\",\"description\":\"Configure Claude Code con configuraciones globales y a nivel de proyecto, y variables de entorno.\",\"href\":\"/es/settings\",\"hidden\":false},{\"sidebarTitle\":\"Permisos\",\"title\":\"Configurar permisos\",\"description\":\"Controle lo que Claude Code puede acceder y hacer con reglas de permisos granulares, modos y políticas administradas.\",\"href\":\"/es/permissions\",\"hidden\":false},{\"title\":\"Aislamiento de seguridad\",\"description\":\"Aprende cómo la herramienta bash aislada de Claude Code proporciona aislamiento del sistema de archivos y de la red para una ejecución de agentes más segura y autónoma.\",\"href\":\"/es/sandboxing\",\"hidden\":false},{\"sidebarTitle\":\"Configuración de terminal\",\"title\":\"Optimiza tu configuración de terminal\",\"description\":\"Claude Code funciona mejor cuando tu terminal está correctamente configurada. Sigue estas directrices para optimizar tu experiencia.\",\"href\":\"/es/terminal-config\",\"hidden\":false},{\"title\":\"Configuración del modelo\",\"description\":\"Aprenda sobre la configuración del modelo Claude Code, incluidos los alias de modelo como `opusplan`\",\"href\":\"/es/model-config\",\"hidden\":false},{\"title\":\"Fast mode\",\"href\":\"/es/fast-mode\"},{\"sidebarTitle\":\"Gestión de memoria\",\"title\":\"Gestionar la memoria de Claude\",\"description\":\"Aprende cómo gestionar la memoria de Claude Code en diferentes sesiones con diferentes ubicaciones de memoria y mejores prácticas.\",\"href\":\"/es/memory\",\"hidden\":false},{\"title\":\"Configuración de la línea de estado\",\"description\":\"Crea una línea de estado personalizada para Claude Code para mostrar información contextual\",\"href\":\"/es/statusline\",\"hidden\":false},{\"title\":\"Personalizar atajos de teclado\",\"description\":\"Personaliza atajos de teclado en Claude Code con un archivo de configuración de keybindings.\",\"href\":\"/es/keybindings\",\"hidden\":false}]}]},{\"tab\":\"Referencia\",\"groups\":[{\"group\":\"Referencia\",\"pages\":[{\"title\":\"Referencia de CLI\",\"description\":\"Referencia completa de la interfaz de línea de comandos de Claude Code, incluyendo comandos y banderas.\",\"href\":\"/es/cli-reference\",\"hidden\":false},{\"title\":\"Modo interactivo\",\"description\":\"Referencia completa de atajos de teclado, modos de entrada y características interactivas en sesiones de Claude Code.\",\"href\":\"/es/interactive-mode\",\"hidden\":false},{\"title\":\"checkpoint\",\"description\":\"Realiza un seguimiento automático y revierte los cambios de Claude para recuperarse rápidamente de cambios no deseados.\",\"href\":\"/es/checkpointing\",\"hidden\":false},{\"title\":\"Referencia de hooks\",\"description\":\"Esta página proporciona documentación de referencia para implementar hooks en Claude Code.\",\"href\":\"/es/hooks\",\"hidden\":false},{\"title\":\"Referencia de plugins\",\"description\":\"Referencia técnica completa para el sistema de plugins de Claude Code, incluyendo esquemas, comandos CLI y especificaciones de componentes.\",\"href\":\"/es/plugins-reference\",\"hidden\":false}]}]},{\"tab\":\"Recursos\",\"groups\":[{\"group\":\"Recursos\",\"pages\":[{\"title\":\"Legal y cumplimiento\",\"description\":\"Acuerdos legales, certificaciones de cumplimiento e información de seguridad para Claude Code.\",\"href\":\"/es/legal-and-compliance\",\"hidden\":false}]}]}]},{\"language\":\"ko\",\"tabs\":[{\"tab\":\"시작하기\",\"groups\":[{\"group\":\"시작하기\",\"pages\":[{\"sidebarTitle\":\"개요\",\"title\":\"Claude Code 개요\",\"description\":\"Claude Code는 Anthropic의 에이전트 코딩 도구로, 터미널에서 실행되며 아이디어를 코드로 변환하는 속도를 이전보다 훨씬 빠르게 해줍니다.\",\"href\":\"/ko/overview\",\"hidden\":false},{\"title\":\"빠른 시작\",\"description\":\"Claude Code에 오신 것을 환영합니다!\",\"href\":\"/ko/quickstart\",\"hidden\":false},{\"title\":\"변경 로그\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/ko/changelog\",\"hidden\":false}]},{\"group\":\"핵심 개념\",\"pages\":[{\"title\":\"Claude Code 작동 방식\",\"description\":\"에이전트 루프, 내장 도구, Claude Code가 프로젝트와 상호작용하는 방식을 이해합니다.\",\"href\":\"/ko/how-claude-code-works\",\"hidden\":false},{\"title\":\"Claude Code 확장하기\",\"sidebarTitle\":\"Claude Code 확장하기\",\"description\":\"CLAUDE.md, Skills, subagents, hooks, MCP, 플러그인을 언제 사용할지 이해합니다.\",\"href\":\"/ko/features-overview\",\"hidden\":false},{\"title\":\"일반적인 워크플로우\",\"description\":\"Claude Code를 사용하여 코드베이스 탐색, 버그 수정, 리팩토링, 테스트 및 기타 일상적인 작업을 위한 단계별 가이드입니다.\",\"href\":\"/ko/common-workflows\",\"hidden\":false},{\"title\":\"Claude Code 모범 사례\",\"description\":\"환경 구성부터 병렬 세션 확장까지 Claude Code를 최대한 활용하기 위한 팁과 패턴입니다.\",\"href\":\"/ko/best-practices\",\"hidden\":false}]},{\"group\":\"플랫폼 및 통합\",\"pages\":[{\"title\":\"웹에서 Claude Code 실행\",\"description\":\"안전한 클라우드 인프라에서 Claude Code 작업을 비동기적으로 실행합니다\",\"href\":\"/ko/claude-code-on-the-web\",\"hidden\":false},{\"title\":\"데스크톱의 Claude Code\",\"description\":\"Claude 데스크톱 앱으로 로컬 또는 보안 클라우드 인프라에서 Claude Code 작업 실행\",\"href\":\"/ko/desktop\",\"hidden\":false},{\"title\":\"Chrome에서 Claude Code 사용하기 (베타)\",\"sidebarTitle\":\"Chrome 확장 프로그램 (베타)\",\"description\":\"Claude Code를 Chrome 브라우저에 연결하여 웹 앱을 테스트하고, 콘솔 로그로 디버깅하며, 양식 작성을 자동화하고, 웹 페이지에서 데이터를 추출합니다.\",\"href\":\"/ko/chrome\",\"hidden\":false},{\"title\":\"VS Code에서 Claude Code 사용하기\",\"sidebarTitle\":\"Visual Studio Code\",\"description\":\"VS Code용 Claude Code 확장 프로그램을 설치하고 구성합니다. 인라인 diff, @-멘션, 계획 검토 및 키보드 단축키를 통해 AI 코딩 지원을 받습니다.\",\"href\":\"/ko/vs-code\",\"hidden\":false},{\"title\":\"JetBrains IDEs\",\"description\":\"Claude Code를 IntelliJ, PyCharm, WebStorm 등 JetBrains IDE와 함께 사용하기\",\"href\":\"/ko/jetbrains\",\"hidden\":false},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Claude Code를 GitHub Actions와 통합하여 개발 워크플로우에 AI 기반 자동화를 추가하는 방법을 알아봅니다\",\"href\":\"/ko/github-actions\",\"hidden\":false},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Claude Code를 GitLab CI/CD와 함께 개발 워크플로우에 통합하는 방법을 알아봅니다\",\"href\":\"/ko/gitlab-ci-cd\",\"hidden\":false},{\"title\":\"Slack의 Claude Code\",\"description\":\"Slack 워크스페이스에서 직접 코딩 작업 위임\",\"href\":\"/ko/slack\",\"hidden\":false}]}]},{\"tab\":\"Claude Code로 빌드하기\",\"groups\":[{\"group\":\"Claude Code로 빌드하기\",\"pages\":[{\"title\":\"사용자 정의 subagent 만들기\",\"description\":\"Claude Code에서 작업별 워크플로우 및 향상된 컨텍스트 관리를 위해 특화된 AI subagent를 만들고 사용합니다.\",\"href\":\"/ko/sub-agents\",\"hidden\":false},{\"title\":\"Claude Code 세션 팀 조율하기\",\"sidebarTitle\":\"에이전트 팀 실행\",\"description\":\"여러 Claude Code 인스턴스를 팀으로 함께 작동하도록 조율하며, 공유 작업, 에이전트 간 메시징, 중앙 집중식 관리를 지원합니다.\",\"href\":\"/ko/agent-teams\",\"hidden\":false},{\"title\":\"플러그인 만들기\",\"sidebarTitle\":\"플러그인 만들기\",\"description\":\"Claude Code를 skills, agents, hooks 및 MCP 서버로 확장하는 사용자 정의 플러그인을 만듭니다.\",\"href\":\"/ko/plugins\",\"hidden\":false},{\"title\":\"마켓플레이스를 통해 미리 빌드된 플러그인 발견 및 설치\",\"description\":\"마켓플레이스에서 플러그인을 찾아 설치하여 Claude Code를 새로운 명령, 에이전트 및 기능으로 확장하세요.\",\"href\":\"/ko/discover-plugins\",\"hidden\":false},{\"title\":\"Claude를 기술로 확장하기\",\"description\":\"Claude Code에서 기술을 생성, 관리 및 공유하여 Claude의 기능을 확장합니다. 사용자 정의 슬래시 명령어를 포함합니다.\",\"href\":\"/ko/skills\",\"hidden\":false},{\"title\":\"출력 스타일\",\"description\":\"소프트웨어 엔지니어링 이상의 용도로 Claude Code 적응시키기\",\"href\":\"/ko/output-styles\",\"hidden\":false},{\"title\":\"Claude Code 훅 시작하기\",\"description\":\"셸 명령을 등록하여 Claude Code의 동작을 사용자 정의하고 확장하는 방법을 알아봅니다\",\"href\":\"/ko/hooks-guide\",\"hidden\":false},{\"title\":\"Claude Code를 프로그래밍 방식으로 실행하기\",\"sidebarTitle\":\"프로그래밍 방식 사용\",\"description\":\"Agent SDK를 사용하여 CLI, Python 또는 TypeScript에서 Claude Code를 프로그래밍 방식으로 실행합니다.\",\"href\":\"/ko/headless\",\"hidden\":false},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"MCP를 통해 Claude Code를 도구에 연결\",\"description\":\"Model Context Protocol을 사용하여 Claude Code를 도구에 연결하는 방법을 알아봅니다.\",\"href\":\"/ko/mcp\",\"hidden\":false},{\"title\":\"문제 해결\",\"description\":\"Claude Code 설치 및 사용 시 발생하는 일반적인 문제에 대한 해결책을 알아보세요.\",\"href\":\"/ko/troubleshooting\",\"hidden\":false}]}]},{\"tab\":\"배포\",\"groups\":[{\"group\":\"배포\",\"pages\":[{\"title\":\"엔터프라이즈 배포 개요\",\"sidebarTitle\":\"개요\",\"description\":\"Claude Code가 다양한 타사 서비스 및 인프라와 통합되어 엔터프라이즈 배포 요구사항을 충족하는 방법을 알아봅니다.\",\"href\":\"/ko/third-party-integrations\",\"hidden\":false},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Amazon Bedrock의 Claude Code\",\"description\":\"Amazon Bedrock을 통한 Claude Code 구성, 설정, IAM 구성 및 문제 해결에 대해 알아봅니다.\",\"href\":\"/ko/amazon-bedrock\",\"hidden\":false},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Google Vertex AI에서 Claude Code 사용하기\",\"description\":\"Google Vertex AI를 통한 Claude Code 구성, 설정, IAM 구성 및 문제 해결에 대해 알아봅니다.\",\"href\":\"/ko/google-vertex-ai\",\"hidden\":false},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Microsoft Foundry의 Claude Code\",\"description\":\"설정, 구성 및 문제 해결을 포함하여 Microsoft Foundry를 통해 Claude Code를 구성하는 방법을 알아봅니다.\",\"href\":\"/ko/microsoft-foundry\",\"hidden\":false},{\"sidebarTitle\":\"네트워크 구성\",\"title\":\"엔터프라이즈 네트워크 구성\",\"description\":\"프록시 서버, 사용자 정의 인증 기관(CA), 상호 전송 계층 보안(mTLS) 인증을 통해 엔터프라이즈 환경에서 Claude Code를 구성합니다.\",\"href\":\"/ko/network-config\",\"hidden\":false},{\"sidebarTitle\":\"LLM gateway\",\"title\":\"LLM gateway 구성\",\"description\":\"Claude Code를 LLM gateway 솔루션과 함께 작동하도록 구성하는 방법을 알아봅니다. Gateway 요구사항, 인증 구성, 모델 선택 및 공급자별 엔드포인트 설정을 다룹니다.\",\"href\":\"/ko/llm-gateway\",\"hidden\":false},{\"title\":\"개발 컨테이너\",\"description\":\"일관된 보안 환경이 필요한 팀을 위한 Claude Code 개발 컨테이너에 대해 알아보세요.\",\"href\":\"/ko/devcontainer\",\"hidden\":false}]}]},{\"tab\":\"관리\",\"groups\":[{\"group\":\"관리\",\"pages\":[{\"sidebarTitle\":\"고급 설치\",\"title\":\"Claude Code 설정\",\"description\":\"개발 머신에 Claude Code를 설치, 인증 및 시작하세요.\",\"href\":\"/ko/setup\",\"hidden\":false},{\"title\":\"Authentication\",\"href\":\"/ko/authentication\"},{\"title\":\"보안\",\"description\":\"Claude Code의 보안 보호 기능과 안전한 사용을 위한 모범 사례에 대해 알아보세요.\",\"href\":\"/ko/security\",\"hidden\":false},{\"title\":\"Server managed settings\",\"href\":\"/ko/server-managed-settings\"},{\"title\":\"데이터 사용\",\"description\":\"Anthropic의 Claude 데이터 사용 정책에 대해 알아봅니다\",\"href\":\"/ko/data-usage\",\"hidden\":false},{\"title\":\"모니터링\",\"description\":\"Claude Code에 대한 OpenTelemetry를 활성화하고 구성하는 방법을 알아봅니다.\",\"href\":\"/ko/monitoring-usage\",\"hidden\":false},{\"sidebarTitle\":\"비용\",\"title\":\"비용을 효과적으로 관리하기\",\"description\":\"Claude Code 사용 시 토큰 사용량과 비용을 추적하고 최적화하는 방법을 알아봅니다.\",\"href\":\"/ko/costs\",\"hidden\":false},{\"title\":\"분석\",\"description\":\"조직의 Claude Code 배포에 대한 상세한 사용 현황 및 생산성 지표를 확인하세요.\",\"href\":\"/ko/analytics\",\"hidden\":false},{\"title\":\"플러그인 마켓플레이스 생성 및 배포\",\"sidebarTitle\":\"플러그인 마켓플레이스 생성 및 배포\",\"description\":\"Claude Code 확장 프로그램을 배포하기 위한 플러그인 마켓플레이스를 구축하고 호스팅합니다.\",\"href\":\"/ko/plugin-marketplaces\",\"hidden\":false}]}]},{\"tab\":\"구성\",\"groups\":[{\"group\":\"구성\",\"pages\":[{\"sidebarTitle\":\"설정\",\"title\":\"Claude Code 설정\",\"description\":\"전역 및 프로젝트 수준 설정과 환경 변수로 Claude Code를 구성합니다.\",\"href\":\"/ko/settings\",\"hidden\":false},{\"sidebarTitle\":\"권한\",\"title\":\"권한 구성\",\"description\":\"세분화된 권한 규칙, 모드 및 관리형 정책으로 Claude Code가 액세스하고 수행할 수 있는 작업을 제어합니다.\",\"href\":\"/ko/permissions\",\"hidden\":false},{\"title\":\"샌드박싱\",\"description\":\"Claude Code의 샌드박스된 bash 도구가 파일시스템 및 네트워크 격리를 제공하여 더 안전하고 자율적인 에이전트 실행을 가능하게 하는 방법을 알아봅니다.\",\"href\":\"/ko/sandboxing\",\"hidden\":false},{\"sidebarTitle\":\"터미널 구성\",\"title\":\"터미널 설정 최적화\",\"description\":\"Claude Code는 터미널이 제대로 구성되었을 때 최적으로 작동합니다. 이 지침을 따라 환경을 최적화하세요.\",\"href\":\"/ko/terminal-config\",\"hidden\":false},{\"title\":\"모델 구성\",\"description\":\"Claude Code 모델 구성에 대해 알아보기, `opusplan`과 같은 모델 별칭 포함\",\"href\":\"/ko/model-config\",\"hidden\":false},{\"title\":\"Fast mode\",\"href\":\"/ko/fast-mode\"},{\"sidebarTitle\":\"메모리 관리\",\"title\":\"Claude의 메모리 관리\",\"description\":\"다양한 메모리 위치와 모범 사례를 통해 세션 간 Claude Code의 메모리를 관리하는 방법을 알아봅니다.\",\"href\":\"/ko/memory\",\"hidden\":false},{\"title\":\"상태 라인 구성\",\"description\":\"Claude Code에 대한 사용자 정의 상태 라인을 만들어 상황별 정보를 표시합니다\",\"href\":\"/ko/statusline\",\"hidden\":false},{\"title\":\"키보드 단축키 사용자 정의\",\"description\":\"keybindings 구성 파일을 사용하여 Claude Code에서 키보드 단축키를 사용자 정의합니다.\",\"href\":\"/ko/keybindings\",\"hidden\":false}]}]},{\"tab\":\"참고\",\"groups\":[{\"group\":\"참고\",\"pages\":[{\"title\":\"CLI 참조\",\"description\":\"Claude Code 명령줄 인터페이스의 완전한 참조로, 명령어와 플래그를 포함합니다.\",\"href\":\"/ko/cli-reference\",\"hidden\":false},{\"title\":\"대화형 모드\",\"description\":\"Claude Code 세션의 키보드 단축키, 입력 모드 및 대화형 기능에 대한 완전한 참조입니다.\",\"href\":\"/ko/interactive-mode\",\"hidden\":false},{\"title\":\"Checkpointing\",\"description\":\"Claude의 편집을 자동으로 추적하고 원하지 않는 변경 사항에서 빠르게 복구하기 위해 되감기합니다.\",\"href\":\"/ko/checkpointing\",\"hidden\":false},{\"title\":\"Hooks 참조\",\"description\":\"이 페이지는 Claude Code에서 hooks를 구현하기 위한 참조 문서를 제공합니다.\",\"href\":\"/ko/hooks\",\"hidden\":false},{\"title\":\"플러그인 참조\",\"description\":\"Claude Code 플러그인 시스템의 완전한 기술 참조, 스키마, CLI 명령어 및 컴포넌트 사양 포함.\",\"href\":\"/ko/plugins-reference\",\"hidden\":false}]}]},{\"tab\":\"리소스\",\"groups\":[{\"group\":\"리소스\",\"pages\":[{\"title\":\"법률 및 규정 준수\",\"description\":\"Claude Code에 대한 법률 계약, 규정 준수 인증 및 보안 정보.\",\"href\":\"/ko/legal-and-compliance\",\"hidden\":false}]}]}]},{\"language\":\"cn\",\"tabs\":[{\"tab\":\"快速开始\",\"groups\":[{\"group\":\"快速开始\",\"pages\":[{\"sidebarTitle\":\"概览\",\"title\":\"Claude Code 概览\",\"description\":\"了解 Claude Code，Anthropic 的代理编码工具，它位于您的终端中，帮助您比以往任何时候都更快地将想法转化为代码。\",\"href\":\"/zh-CN/overview\",\"hidden\":false},{\"title\":\"快速入门\",\"description\":\"欢迎使用 Claude Code！\",\"href\":\"/zh-CN/quickstart\",\"hidden\":false},{\"title\":\"更新日志\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/zh-CN/changelog\",\"hidden\":false}]},{\"group\":\"核心概念\",\"pages\":[{\"title\":\"Claude Code 如何工作\",\"description\":\"了解代理循环、内置工具以及 Claude Code 如何与您的项目交互。\",\"href\":\"/zh-CN/how-claude-code-works\",\"hidden\":false},{\"title\":\"扩展 Claude Code\",\"sidebarTitle\":\"扩展 Claude Code\",\"description\":\"了解何时使用 CLAUDE.md、Skills、subagents、hooks、MCP 和 plugins。\",\"href\":\"/zh-CN/features-overview\",\"hidden\":false},{\"title\":\"常见工作流程\",\"description\":\"使用 Claude Code 探索代码库、修复错误、重构、测试和其他日常任务的分步指南。\",\"href\":\"/zh-CN/common-workflows\",\"hidden\":false},{\"title\":\"Claude Code 最佳实践\",\"sidebarTitle\":\"最佳实践\",\"description\":\"从配置环境到跨并行会话扩展，充分利用 Claude Code 的提示和模式。\",\"href\":\"/zh-CN/best-practices\",\"hidden\":false}]},{\"group\":\"平台和集成\",\"pages\":[{\"title\":\"Claude Code on the web\",\"description\":\"在安全的云基础设施上异步运行 Claude Code 任务\",\"href\":\"/zh-CN/claude-code-on-the-web\",\"hidden\":false},{\"title\":\"Claude Code 桌面版\",\"description\":\"在本地或安全的云基础设施上运行 Claude Code 任务，使用 Claude 桌面应用\",\"href\":\"/zh-CN/desktop\",\"hidden\":false},{\"title\":\"在 Chrome 中使用 Claude Code（测试版）\",\"sidebarTitle\":\"Chrome 扩展程序（测试版）\",\"description\":\"将 Claude Code 连接到 Chrome 浏览器，以测试网络应用、使用控制台日志进行调试、自动填充表单以及从网页中提取数据。\",\"href\":\"/zh-CN/chrome\",\"hidden\":false},{\"title\":\"在 VS Code 中使用 Claude Code\",\"description\":\"安装和配置 VS Code 的 Claude Code 扩展。获得 AI 编码协助，包括内联差异、@-提及、计划审查和快捷键。\",\"href\":\"/zh-CN/vs-code\",\"hidden\":false},{\"title\":\"JetBrains IDEs\",\"description\":\"在 JetBrains IDEs（包括 IntelliJ、PyCharm、WebStorm 等）中使用 Claude Code\",\"href\":\"/zh-CN/jetbrains\",\"hidden\":false},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"了解如何将 Claude Code 集成到您的开发工作流中，使用 Claude Code GitHub Actions\",\"href\":\"/zh-CN/github-actions\",\"hidden\":false},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"了解如何将 Claude Code 集成到您的 GitLab CI/CD 开发工作流中\",\"href\":\"/zh-CN/gitlab-ci-cd\",\"hidden\":false},{\"title\":\"Slack 中的 Claude Code\",\"description\":\"直接从 Slack 工作区委派编码任务\",\"href\":\"/zh-CN/slack\",\"hidden\":false}]}]},{\"tab\":\"使用 Claude Code 构建\",\"groups\":[{\"group\":\"使用 Claude Code 构建\",\"pages\":[{\"title\":\"创建自定义 subagents\",\"description\":\"在 Claude Code 中创建和使用专门的 AI subagents，用于特定任务的工作流和改进的上下文管理。\",\"href\":\"/zh-CN/sub-agents\",\"hidden\":false},{\"title\":\"协调 Claude Code 会话团队\",\"description\":\"协调多个 Claude Code 实例作为一个团队一起工作，具有共享任务、代理间消息传递和集中管理。\",\"href\":\"/zh-CN/agent-teams\",\"hidden\":false},{\"title\":\"创建插件\",\"sidebarTitle\":\"创建插件\",\"description\":\"创建自定义插件以使用 skills、agents、hooks 和 MCP servers 扩展 Claude Code。\",\"href\":\"/zh-CN/plugins\",\"hidden\":false},{\"title\":\"通过市场发现和安装预构建插件\",\"description\":\"从市场发现和安装插件，以使用新命令、代理和功能扩展 Claude Code。\",\"href\":\"/zh-CN/discover-plugins\",\"hidden\":false},{\"title\":\"使用技能扩展 Claude\",\"description\":\"在 Claude Code 中创建、管理和共享技能以扩展 Claude 的功能。包括自定义斜杠命令。\",\"href\":\"/zh-CN/skills\",\"hidden\":false},{\"title\":\"输出样式\",\"description\":\"将 Claude Code 适配用于软件工程之外的用途\",\"href\":\"/zh-CN/output-styles\",\"hidden\":false},{\"title\":\"Claude Code 钩子入门\",\"description\":\"学习如何通过注册 shell 命令来自定义和扩展 Claude Code 的行为\",\"href\":\"/zh-CN/hooks-guide\",\"hidden\":false},{\"title\":\"以编程方式运行 Claude Code\",\"description\":\"使用 Agent SDK 从 CLI、Python 或 TypeScript 以编程方式运行 Claude Code。\",\"sidebarTitle\":\"编程使用\",\"href\":\"/zh-CN/headless\",\"hidden\":false},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"通过 MCP 将 Claude Code 连接到工具\",\"description\":\"了解如何使用 Model Context Protocol 将 Claude Code 连接到您的工具。\",\"href\":\"/zh-CN/mcp\",\"hidden\":false},{\"title\":\"故障排除\",\"description\":\"发现 Claude Code 安装和使用中常见问题的解决方案。\",\"href\":\"/zh-CN/troubleshooting\",\"hidden\":false}]}]},{\"tab\":\"部署\",\"groups\":[{\"group\":\"部署\",\"pages\":[{\"title\":\"企业部署概述\",\"sidebarTitle\":\"概述\",\"description\":\"了解 Claude Code 如何与各种第三方服务和基础设施集成，以满足企业部署需求。\",\"href\":\"/zh-CN/third-party-integrations\",\"hidden\":false},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Amazon Bedrock 上的 Claude Code\",\"description\":\"了解如何通过 Amazon Bedrock 配置 Claude Code，包括设置、IAM 配置和故障排除。\",\"href\":\"/zh-CN/amazon-bedrock\",\"hidden\":false},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Google Vertex AI 上的 Claude Code\",\"description\":\"了解如何通过 Google Vertex AI 配置 Claude Code，包括设置、IAM 配置和故障排除。\",\"href\":\"/zh-CN/google-vertex-ai\",\"hidden\":false},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code on Microsoft Foundry\",\"description\":\"了解如何通过 Microsoft Foundry 配置 Claude Code，包括设置、配置和故障排除。\",\"href\":\"/zh-CN/microsoft-foundry\",\"hidden\":false},{\"sidebarTitle\":\"网络配置\",\"title\":\"企业网络配置\",\"description\":\"为企业环境配置 Claude Code，支持代理服务器、自定义证书颁发机构 (CA) 和相互传输层安全 (mTLS) 身份验证。\",\"href\":\"/zh-CN/network-config\",\"hidden\":false},{\"sidebarTitle\":\"LLM gateway\",\"title\":\"LLM gateway 配置\",\"description\":\"了解如何配置 Claude Code 以使用 LLM gateway 解决方案。涵盖网关要求、身份验证配置、模型选择和特定提供商的端点设置。\",\"href\":\"/zh-CN/llm-gateway\",\"hidden\":false},{\"title\":\"开发容器\",\"description\":\"了解 Claude Code 开发容器，适用于需要一致、安全环境的团队。\",\"href\":\"/zh-CN/devcontainer\",\"hidden\":false}]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[{\"sidebarTitle\":\"高级安装\",\"title\":\"设置 Claude Code\",\"description\":\"在您的开发机器上安装、认证和开始使用 Claude Code。\",\"href\":\"/zh-CN/setup\",\"hidden\":false},{\"title\":\"Authentication\",\"href\":\"/zh-CN/authentication\"},{\"title\":\"安全性\",\"description\":\"了解 Claude Code 的安全防护措施和安全使用的最佳实践。\",\"href\":\"/zh-CN/security\",\"hidden\":false},{\"title\":\"Server managed settings\",\"href\":\"/zh-CN/server-managed-settings\"},{\"title\":\"数据使用\",\"description\":\"了解 Anthropic 对 Claude 的数据使用政策\",\"href\":\"/zh-CN/data-usage\",\"hidden\":false},{\"title\":\"监控\",\"description\":\"了解如何为 Claude Code 启用和配置 OpenTelemetry。\",\"href\":\"/zh-CN/monitoring-usage\",\"hidden\":false},{\"sidebarTitle\":\"成本\",\"title\":\"有效管理成本\",\"description\":\"了解如何在使用 Claude Code 时跟踪和优化令牌使用情况和成本。\",\"href\":\"/zh-CN/costs\",\"hidden\":false},{\"title\":\"分析\",\"description\":\"查看您组织的 Claude Code 部署的详细使用情况洞察和生产力指标。\",\"href\":\"/zh-CN/analytics\",\"hidden\":false},{\"title\":\"创建和分发 plugin marketplace\",\"description\":\"构建和托管 plugin marketplace，以在团队和社区中分发 Claude Code 扩展。\",\"href\":\"/zh-CN/plugin-marketplaces\",\"hidden\":false}]}]},{\"tab\":\"配置\",\"groups\":[{\"group\":\"配置\",\"pages\":[{\"sidebarTitle\":\"设置\",\"title\":\"Claude Code 设置\",\"description\":\"使用全局和项目级设置以及环境变量配置 Claude Code。\",\"href\":\"/zh-CN/settings\",\"hidden\":false},{\"sidebarTitle\":\"权限\",\"title\":\"配置权限\",\"description\":\"通过细粒度权限规则、模式和托管策略来控制 Claude Code 可以访问和执行的操作。\",\"href\":\"/zh-CN/permissions\",\"hidden\":false},{\"title\":\"沙箱隔离\",\"description\":\"了解 Claude Code 的沙箱化 bash 工具如何提供文件系统和网络隔离，以实现更安全、更自主的代理执行。\",\"href\":\"/zh-CN/sandboxing\",\"hidden\":false},{\"sidebarTitle\":\"终端配置\",\"title\":\"优化您的终端设置\",\"description\":\"Claude Code 在终端配置正确时效果最佳。请按照这些指南来优化您的体验。\",\"href\":\"/zh-CN/terminal-config\",\"hidden\":false},{\"title\":\"模型配置\",\"description\":\"了解 Claude Code 模型配置，包括模型别名如 `opusplan`\",\"href\":\"/zh-CN/model-config\",\"hidden\":false},{\"title\":\"Fast mode\",\"href\":\"/zh-CN/fast-mode\"},{\"sidebarTitle\":\"内存管理\",\"title\":\"管理 Claude 的内存\",\"description\":\"了解如何通过不同的内存位置和最佳实践在会话中管理 Claude Code 的内存。\",\"href\":\"/zh-CN/memory\",\"hidden\":false},{\"title\":\"状态行配置\",\"description\":\"为 Claude Code 创建自定义状态行以显示上下文信息\",\"href\":\"/zh-CN/statusline\",\"hidden\":false},{\"title\":\"自定义快捷键\",\"description\":\"使用快捷键配置文件在 Claude Code 中自定义快捷键。\",\"href\":\"/zh-CN/keybindings\",\"hidden\":false}]}]},{\"tab\":\"参考\",\"groups\":[{\"group\":\"参考\",\"pages\":[{\"title\":\"CLI 参考\",\"description\":\"Claude Code 命令行界面的完整参考，包括命令和标志。\",\"href\":\"/zh-CN/cli-reference\",\"hidden\":false},{\"title\":\"交互模式\",\"description\":\"Claude Code 会话中键盘快捷键、输入模式和交互功能的完整参考。\",\"href\":\"/zh-CN/interactive-mode\",\"hidden\":false},{\"title\":\"checkpointing\",\"description\":\"自动跟踪和回退 Claude 的编辑，快速恢复不需要的更改。\",\"href\":\"/zh-CN/checkpointing\",\"hidden\":false},{\"title\":\"Hooks 参考\",\"description\":\"本页面提供在 Claude Code 中实现 hooks 的参考文档。\",\"href\":\"/zh-CN/hooks\",\"hidden\":false},{\"title\":\"插件参考\",\"description\":\"Claude Code 插件系统的完整技术参考，包括架构、CLI 命令和组件规范。\",\"href\":\"/zh-CN/plugins-reference\",\"hidden\":false}]}]},{\"tab\":\"资源\",\"groups\":[{\"group\":\"资源\",\"pages\":[{\"title\":\"法律和合规\",\"description\":\"Claude Code 的法律协议、合规认证和安全信息。\",\"href\":\"/zh-CN/legal-and-compliance\",\"hidden\":false}]}]}]},{\"language\":\"zh-Hant\",\"tabs\":[{\"tab\":\"開始使用\",\"groups\":[{\"group\":\"開始使用\",\"pages\":[{\"sidebarTitle\":\"概述\",\"title\":\"Claude Code 概述\",\"description\":\"了解 Claude Code，Anthropic 的代理編碼工具，它位於您的終端中，幫助您比以往更快地將想法轉化為代碼。\",\"href\":\"/zh-TW/overview\",\"hidden\":false},{\"title\":\"快速入門\",\"description\":\"歡迎使用 Claude Code！\",\"href\":\"/zh-TW/quickstart\",\"hidden\":false},{\"title\":\"變更日誌\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/zh-TW/changelog\",\"hidden\":false}]},{\"group\":\"核心概念\",\"pages\":[{\"title\":\"Claude Code 如何運作\",\"description\":\"了解代理迴圈、內建工具，以及 Claude Code 如何與您的專案互動。\",\"href\":\"/zh-TW/how-claude-code-works\",\"hidden\":false},{\"title\":\"擴展 Claude Code\",\"sidebarTitle\":\"擴展 Claude Code\",\"description\":\"了解何時使用 CLAUDE.md、Skills、subagents、hooks、MCP 和 plugins。\",\"href\":\"/zh-TW/features-overview\",\"hidden\":false},{\"title\":\"常見工作流程\",\"description\":\"使用 Claude Code 探索程式碼庫、修復錯誤、重構、測試和其他日常任務的逐步指南。\",\"href\":\"/zh-TW/common-workflows\",\"hidden\":false},{\"title\":\"Claude Code 最佳實踐\",\"description\":\"從配置環境到跨平行會話擴展，充分利用 Claude Code 的提示和模式。\",\"href\":\"/zh-TW/best-practices\",\"hidden\":false}]},{\"group\":\"平台和整合\",\"pages\":[{\"title\":\"Claude Code 網頁版\",\"description\":\"在安全的雲端基礎設施上非同步執行 Claude Code 任務\",\"href\":\"/zh-TW/claude-code-on-the-web\",\"hidden\":false},{\"title\":\"Claude Code 桌面版\",\"description\":\"在本地或安全的雲端基礎設施上執行 Claude Code 任務，使用 Claude 桌面應用程式\",\"href\":\"/zh-TW/desktop\",\"hidden\":false},{\"title\":\"在 Chrome 中使用 Claude Code（測試版）\",\"sidebarTitle\":\"Chrome 擴充功能（測試版）\",\"description\":\"將 Claude Code 連接到您的 Chrome 瀏覽器，以測試網頁應用程式、使用控制台日誌進行除錯、自動填充表單，以及從網頁中提取資料。\",\"href\":\"/zh-TW/chrome\",\"hidden\":false},{\"title\":\"在 VS Code 中使用 Claude Code\",\"description\":\"安裝並配置 VS Code 的 Claude Code 擴充功能。透過內聯差異、@-提及、計畫審查和快捷鍵獲得 AI 編碼協助。\",\"href\":\"/zh-TW/vs-code\",\"hidden\":false},{\"title\":\"JetBrains IDEs\",\"description\":\"使用 Claude Code 與 JetBrains IDEs（包括 IntelliJ、PyCharm、WebStorm 等）\",\"href\":\"/zh-TW/jetbrains\",\"hidden\":false},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"了解如何將 Claude Code 整合到您的開發工作流程中，使用 Claude Code GitHub Actions\",\"href\":\"/zh-TW/github-actions\",\"hidden\":false},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"了解如何將 Claude Code 整合到您的 GitLab CI/CD 開發工作流程中\",\"href\":\"/zh-TW/gitlab-ci-cd\",\"hidden\":false},{\"title\":\"Slack 中的 Claude Code\",\"description\":\"直接從您的 Slack 工作區委派編碼任務\",\"href\":\"/zh-TW/slack\",\"hidden\":false}]}]},{\"tab\":\"使用 Claude Code 建構\",\"groups\":[{\"group\":\"使用 Claude Code 建構\",\"pages\":[{\"title\":\"建立自訂 subagents\",\"description\":\"在 Claude Code 中建立並使用專門的 AI subagents，用於特定任務的工作流程和改進的上下文管理。\",\"href\":\"/zh-TW/sub-agents\",\"hidden\":false},{\"title\":\"協調 Claude Code 工作階段團隊\",\"description\":\"協調多個 Claude Code 實例作為團隊一起工作，具有共享任務、代理間訊息傳遞和集中管理。\",\"href\":\"/zh-TW/agent-teams\",\"hidden\":false},{\"title\":\"建立 plugins\",\"sidebarTitle\":\"建立 plugins\",\"description\":\"建立自訂 plugins 以使用 skills、agents、hooks 和 MCP servers 擴展 Claude Code。\",\"href\":\"/zh-TW/plugins\",\"hidden\":false},{\"title\":\"通過市場發現並安裝預建插件\",\"description\":\"從市場發現並安裝插件，以使用新命令、代理和功能擴展 Claude Code。\",\"href\":\"/zh-TW/discover-plugins\",\"hidden\":false},{\"title\":\"使用技能擴展 Claude\",\"description\":\"在 Claude Code 中建立、管理和分享技能以擴展 Claude 的功能。包括自訂斜線命令。\",\"href\":\"/zh-TW/skills\",\"hidden\":false},{\"title\":\"輸出樣式\",\"description\":\"將 Claude Code 適配用於軟體工程以外的用途\",\"href\":\"/zh-TW/output-styles\",\"hidden\":false},{\"title\":\"開始使用 Claude Code 鉤子\",\"description\":\"了解如何通過註冊 shell 命令來自訂和擴展 Claude Code 的行為\",\"href\":\"/zh-TW/hooks-guide\",\"hidden\":false},{\"title\":\"以程式方式執行 Claude Code\",\"sidebarTitle\":\"程式化使用\",\"description\":\"使用 Agent SDK 從 CLI、Python 或 TypeScript 以程式方式執行 Claude Code。\",\"href\":\"/zh-TW/headless\",\"hidden\":false},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"透過 MCP 將 Claude Code 連接到工具\",\"description\":\"了解如何使用 Model Context Protocol 將 Claude Code 連接到您的工具。\",\"href\":\"/zh-TW/mcp\",\"hidden\":false},{\"title\":\"故障排除\",\"description\":\"探索 Claude Code 安裝和使用中常見問題的解決方案。\",\"href\":\"/zh-TW/troubleshooting\",\"hidden\":false}]}]},{\"tab\":\"部署\",\"groups\":[{\"group\":\"部署\",\"pages\":[{\"title\":\"企業部署概述\",\"sidebarTitle\":\"概述\",\"description\":\"了解 Claude Code 如何與各種第三方服務和基礎設施整合，以滿足企業部署需求。\",\"href\":\"/zh-TW/third-party-integrations\",\"hidden\":false},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Amazon Bedrock 上的 Claude Code\",\"description\":\"了解如何透過 Amazon Bedrock 設定 Claude Code，包括設定、IAM 設定和故障排除。\",\"href\":\"/zh-TW/amazon-bedrock\",\"hidden\":false},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Google Vertex AI 上的 Claude Code\",\"description\":\"了解如何透過 Google Vertex AI 設定 Claude Code，包括設定、IAM 設定和故障排除。\",\"href\":\"/zh-TW/google-vertex-ai\",\"hidden\":false},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code on Microsoft Foundry\",\"description\":\"了解如何透過 Microsoft Foundry 配置 Claude Code，包括設定、配置和故障排除。\",\"href\":\"/zh-TW/microsoft-foundry\",\"hidden\":false},{\"sidebarTitle\":\"網路配置\",\"title\":\"企業網路配置\",\"description\":\"為企業環境配置 Claude Code，支援代理伺服器、自訂憑證授權單位 (CA) 和相互傳輸層安全性 (mTLS) 驗證。\",\"href\":\"/zh-TW/network-config\",\"hidden\":false},{\"sidebarTitle\":\"LLM gateway\",\"title\":\"LLM gateway 配置\",\"description\":\"了解如何配置 Claude Code 以使用 LLM gateway 解決方案。涵蓋 gateway 要求、身份驗證配置、模型選擇和提供商特定的端點設置。\",\"href\":\"/zh-TW/llm-gateway\",\"hidden\":false},{\"title\":\"開發容器\",\"description\":\"了解 Claude Code 開發容器，適合需要一致、安全環境的團隊。\",\"href\":\"/zh-TW/devcontainer\",\"hidden\":false}]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[{\"sidebarTitle\":\"進階安裝\",\"title\":\"設定 Claude Code\",\"description\":\"在您的開發機器上安裝、驗證和開始使用 Claude Code。\",\"href\":\"/zh-TW/setup\",\"hidden\":false},{\"title\":\"Authentication\",\"href\":\"/zh-TW/authentication\"},{\"title\":\"安全性\",\"description\":\"了解 Claude Code 的安全防護措施和安全使用的最佳實踐。\",\"href\":\"/zh-TW/security\",\"hidden\":false},{\"title\":\"Server managed settings\",\"href\":\"/zh-TW/server-managed-settings\"},{\"title\":\"資料使用\",\"description\":\"了解 Anthropic 對 Claude 資料使用政策\",\"href\":\"/zh-TW/data-usage\",\"hidden\":false},{\"title\":\"監控\",\"description\":\"了解如何為 Claude Code 啟用和配置 OpenTelemetry。\",\"href\":\"/zh-TW/monitoring-usage\",\"hidden\":false},{\"sidebarTitle\":\"成本\",\"title\":\"有效管理成本\",\"description\":\"了解如何在使用 Claude Code 時追蹤和優化代幣使用量和成本。\",\"href\":\"/zh-TW/costs\",\"hidden\":false},{\"title\":\"分析\",\"description\":\"查看您組織的 Claude Code 部署的詳細使用情況洞察和生產力指標。\",\"href\":\"/zh-TW/analytics\",\"hidden\":false},{\"title\":\"建立並分發 plugin marketplace\",\"description\":\"建立並託管 plugin marketplace，以在團隊和社群中分發 Claude Code 擴充功能。\",\"href\":\"/zh-TW/plugin-marketplaces\",\"hidden\":false}]}]},{\"tab\":\"設定\",\"groups\":[{\"group\":\"設定\",\"pages\":[{\"sidebarTitle\":\"設定\",\"title\":\"Claude Code 設定\",\"description\":\"使用全域和專案層級設定以及環境變數來設定 Claude Code。\",\"href\":\"/zh-TW/settings\",\"hidden\":false},{\"sidebarTitle\":\"權限\",\"title\":\"設定權限\",\"description\":\"使用細粒度權限規則、模式和受管理原則來控制 Claude Code 可以存取和執行的操作。\",\"href\":\"/zh-TW/permissions\",\"hidden\":false},{\"title\":\"沙箱隔離\",\"description\":\"了解 Claude Code 的沙箱 bash 工具如何提供檔案系統和網路隔離，以實現更安全、更自主的代理執行。\",\"href\":\"/zh-TW/sandboxing\",\"hidden\":false},{\"sidebarTitle\":\"終端機配置\",\"title\":\"優化您的終端機設置\",\"description\":\"Claude Code 在終端機配置正確時效果最佳。請遵循這些指南來優化您的體驗。\",\"href\":\"/zh-TW/terminal-config\",\"hidden\":false},{\"title\":\"模型配置\",\"description\":\"了解 Claude Code 模型配置，包括模型別名如 `opusplan`\",\"href\":\"/zh-TW/model-config\",\"hidden\":false},{\"title\":\"Fast mode\",\"href\":\"/zh-TW/fast-mode\"},{\"sidebarTitle\":\"記憶體管理\",\"title\":\"管理 Claude 的記憶體\",\"description\":\"了解如何在不同記憶體位置跨工作階段管理 Claude Code 的記憶體，以及最佳實踐。\",\"href\":\"/zh-TW/memory\",\"hidden\":false},{\"title\":\"狀態行配置\",\"description\":\"為 Claude Code 建立自訂狀態行，在介面底部顯示上下文資訊\",\"href\":\"/zh-TW/statusline\",\"hidden\":false},{\"title\":\"自訂快捷鍵\",\"description\":\"使用快捷鍵配置檔案在 Claude Code 中自訂鍵盤快捷鍵。\",\"href\":\"/zh-TW/keybindings\",\"hidden\":false}]}]},{\"tab\":\"參考資料\",\"groups\":[{\"group\":\"參考資料\",\"pages\":[{\"title\":\"CLI 參考\",\"description\":\"Claude Code 命令列介面的完整參考，包括命令和旗標。\",\"href\":\"/zh-TW/cli-reference\",\"hidden\":false},{\"title\":\"互動模式\",\"description\":\"Claude Code 工作階段中鍵盤快捷鍵、輸入模式和互動功能的完整參考。\",\"href\":\"/zh-TW/interactive-mode\",\"hidden\":false},{\"title\":\"Checkpointing\",\"description\":\"自動追蹤並回溯 Claude 的編輯，快速恢復不想要的變更。\",\"href\":\"/zh-TW/checkpointing\",\"hidden\":false},{\"title\":\"Hooks 參考\",\"description\":\"本頁提供在 Claude Code 中實現 hooks 的參考文檔。\",\"href\":\"/zh-TW/hooks\",\"hidden\":false},{\"title\":\"外掛程式參考\",\"description\":\"Claude Code 外掛程式系統的完整技術參考，包括架構、CLI 命令和元件規格。\",\"href\":\"/zh-TW/plugins-reference\",\"hidden\":false}]}]},{\"tab\":\"資源\",\"groups\":[{\"group\":\"資源\",\"pages\":[{\"title\":\"法律和合規\",\"description\":\"Claude Code 的法律協議、合規認證和安全資訊。\",\"href\":\"/zh-TW/legal-and-compliance\",\"hidden\":false}]}]}]},{\"language\":\"ru\",\"tabs\":[{\"tab\":\"Начало работы\",\"groups\":[{\"group\":\"Начало работы\",\"pages\":[{\"sidebarTitle\":\"Обзор\",\"title\":\"Обзор Claude Code\",\"description\":\"Узнайте о Claude Code, инструменте агентивного кодирования Anthropic, который работает в вашем терминале и помогает вам превращать идеи в код быстрее, чем когда-либо.\",\"href\":\"/ru/overview\",\"hidden\":false},{\"title\":\"Быстрый старт\",\"description\":\"Добро пожаловать в Claude Code!\",\"href\":\"/ru/quickstart\",\"hidden\":false},{\"title\":\"Журнал изменений\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/ru/changelog\",\"hidden\":false}]},{\"group\":\"Основные концепции\",\"pages\":[{\"title\":\"Как работает Claude Code\",\"description\":\"Поймите агентивный цикл, встроенные инструменты и то, как Claude Code взаимодействует с вашим проектом.\",\"href\":\"/ru/how-claude-code-works\",\"hidden\":false},{\"title\":\"Расширение Claude Code\",\"sidebarTitle\":\"Расширение Claude Code\",\"description\":\"Узнайте, когда использовать CLAUDE.md, Skills, subagents, hooks, MCP и plugins.\",\"href\":\"/ru/features-overview\",\"hidden\":false},{\"title\":\"Типичные рабочие процессы\",\"description\":\"Пошаговые руководства по изучению кодовых баз, исправлению ошибок, рефакторингу, тестированию и другим повседневным задачам с Claude Code.\",\"href\":\"/ru/common-workflows\",\"hidden\":false},{\"title\":\"Лучшие практики для Claude Code\",\"sidebarTitle\":\"Лучшие практики\",\"description\":\"Советы и паттерны для максимального использования Claude Code, от настройки окружения до масштабирования параллельных сеансов.\",\"href\":\"/ru/best-practices\",\"hidden\":false}]},{\"group\":\"Платформы и интеграции\",\"pages\":[{\"title\":\"Claude Code в веб-приложении\",\"description\":\"Запускайте задачи Claude Code асинхронно на защищённой облачной инфраструктуре\",\"href\":\"/ru/claude-code-on-the-web\",\"hidden\":false},{\"title\":\"Claude Code на рабочем столе\",\"description\":\"Запускайте задачи Claude Code локально или на защищённой облачной инфраструктуре с помощью приложения Claude для рабочего стола\",\"href\":\"/ru/desktop\",\"hidden\":false},{\"title\":\"Использование Claude Code с Chrome (бета)\",\"sidebarTitle\":\"Расширение Chrome (бета)\",\"description\":\"Подключите Claude Code к браузеру Chrome для тестирования веб-приложений, отладки с помощью логов консоли, автоматизации заполнения форм и извлечения данных со страниц.\",\"href\":\"/ru/chrome\",\"hidden\":false},{\"title\":\"Использование Claude Code в VS Code\",\"description\":\"Установите и настройте расширение Claude Code для VS Code. Получите помощь ИИ при написании кода с встроенными diff, @-упоминаниями, проверкой плана и сочетаниями клавиш.\",\"href\":\"/ru/vs-code\",\"hidden\":false},{\"title\":\"JetBrains IDEs\",\"description\":\"Используйте Claude Code с JetBrains IDEs, включая IntelliJ, PyCharm, WebStorm и другие\",\"href\":\"/ru/jetbrains\",\"hidden\":false},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Узнайте об интеграции Claude Code в ваш рабочий процесс разработки с помощью Claude Code GitHub Actions\",\"href\":\"/ru/github-actions\",\"hidden\":false},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Узнайте об интеграции Claude Code в ваш рабочий процесс разработки с GitLab CI/CD\",\"href\":\"/ru/gitlab-ci-cd\",\"hidden\":false},{\"title\":\"Claude Code в Slack\",\"description\":\"Делегируйте задачи кодирования прямо из вашего рабочего пространства Slack\",\"href\":\"/ru/slack\",\"hidden\":false}]}]},{\"tab\":\"Разработка с Claude Code\",\"groups\":[{\"group\":\"Разработка с Claude Code\",\"pages\":[{\"title\":\"Создание пользовательских subagents\",\"description\":\"Создавайте и используйте специализированные AI subagents в Claude Code для рабочих процессов, ориентированных на конкретные задачи, и улучшенного управления контекстом.\",\"href\":\"/ru/sub-agents\",\"hidden\":false},{\"title\":\"Координируйте команды сеансов Claude Code\",\"description\":\"Координируйте несколько экземпляров Claude Code, работающих вместе как команда, с общими задачами, обменом сообщениями между агентами и централизованным управлением.\",\"href\":\"/ru/agent-teams\",\"hidden\":false},{\"title\":\"Создание plugins\",\"sidebarTitle\":\"Создание plugins\",\"description\":\"Создавайте пользовательские plugins для расширения Claude Code с помощью skills, agents, hooks и MCP servers.\",\"href\":\"/ru/plugins\",\"hidden\":false},{\"title\":\"Обнаружение и установка готовых плагинов через маркетплейсы\",\"description\":\"Найдите и установите плагины из маркетплейсов, чтобы расширить Claude Code новыми командами, агентами и возможностями.\",\"href\":\"/ru/discover-plugins\",\"hidden\":false},{\"title\":\"Расширение Claude с помощью навыков\",\"description\":\"Создавайте, управляйте и делитесь навыками для расширения возможностей Claude в Claude Code. Включает пользовательские команды с косой чертой.\",\"href\":\"/ru/skills\",\"hidden\":false},{\"title\":\"Стили вывода\",\"description\":\"Адаптируйте Claude Code для использования за пределами разработки программного обеспечения\",\"href\":\"/ru/output-styles\",\"hidden\":false},{\"title\":\"Начало работы с Claude Code hooks\",\"description\":\"Узнайте, как настраивать и расширять поведение Claude Code, регистрируя команды оболочки\",\"href\":\"/ru/hooks-guide\",\"hidden\":false},{\"title\":\"Запуск Claude Code программно\",\"sidebarTitle\":\"Программное использование\",\"description\":\"Используйте Agent SDK для программного запуска Claude Code из CLI, Python или TypeScript.\",\"href\":\"/ru/headless\",\"hidden\":false},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"Подключите Claude Code к инструментам через MCP\",\"description\":\"Узнайте, как подключить Claude Code к вашим инструментам с помощью Model Context Protocol.\",\"href\":\"/ru/mcp\",\"hidden\":false},{\"title\":\"Устранение неполадок\",\"description\":\"Найдите решения для распространённых проблем при установке и использовании Claude Code.\",\"href\":\"/ru/troubleshooting\",\"hidden\":false}]}]},{\"tab\":\"Развертывание\",\"groups\":[{\"group\":\"Развертывание\",\"pages\":[{\"title\":\"Обзор развертывания в масштабе предприятия\",\"sidebarTitle\":\"Обзор\",\"description\":\"Узнайте, как Claude Code может интегрироваться с различными сторонними сервисами и инфраструктурой для соответствия требованиям развертывания в масштабе предприятия.\",\"href\":\"/ru/third-party-integrations\",\"hidden\":false},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Claude Code на Amazon Bedrock\",\"description\":\"Узнайте о настройке Claude Code через Amazon Bedrock, включая установку, конфигурацию IAM и устранение неполадок.\",\"href\":\"/ru/amazon-bedrock\",\"hidden\":false},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Claude Code на Google Vertex AI\",\"description\":\"Узнайте о настройке Claude Code через Google Vertex AI, включая установку, конфигурацию IAM и устранение неполадок.\",\"href\":\"/ru/google-vertex-ai\",\"hidden\":false},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code на Microsoft Foundry\",\"description\":\"Узнайте о настройке Claude Code через Microsoft Foundry, включая установку, конфигурацию и устранение неполадок.\",\"href\":\"/ru/microsoft-foundry\",\"hidden\":false},{\"sidebarTitle\":\"Конфигурация сети\",\"title\":\"Конфигурация сети для предприятия\",\"description\":\"Настройте Claude Code для корпоративных сред с прокси-серверами, пользовательскими центрами сертификации (CA) и взаимной аутентификацией Transport Layer Security (mTLS).\",\"href\":\"/ru/network-config\",\"hidden\":false},{\"sidebarTitle\":\"LLM gateway\",\"title\":\"Конфигурация LLM gateway\",\"description\":\"Узнайте, как настроить Claude Code для работы с решениями LLM gateway. Охватывает требования к шлюзу, конфигурацию аутентификации, выбор модели и настройку конечных точек для конкретных поставщиков.\",\"href\":\"/ru/llm-gateway\",\"hidden\":false},{\"title\":\"Контейнеры разработки\",\"description\":\"Узнайте о контейнере разработки Claude Code для команд, которым нужны согласованные и безопасные среды.\",\"href\":\"/ru/devcontainer\",\"hidden\":false}]}]},{\"tab\":\"Администрирование\",\"groups\":[{\"group\":\"Администрирование\",\"pages\":[{\"sidebarTitle\":\"Расширенная установка\",\"title\":\"Настройка Claude Code\",\"description\":\"Установите, аутентифицируйте и начните использовать Claude Code на вашей машине разработки.\",\"href\":\"/ru/setup\",\"hidden\":false},{\"title\":\"Authentication\",\"href\":\"/ru/authentication\"},{\"title\":\"Безопасность\",\"description\":\"Узнайте о защитных механизмах Claude Code и лучших практиках безопасного использования.\",\"href\":\"/ru/security\",\"hidden\":false},{\"title\":\"Server managed settings\",\"href\":\"/ru/server-managed-settings\"},{\"title\":\"Использование данных\",\"description\":\"Узнайте о политике использования данных Anthropic для Claude\",\"href\":\"/ru/data-usage\",\"hidden\":false},{\"title\":\"Мониторинг\",\"description\":\"Узнайте, как включить и настроить OpenTelemetry для Claude Code.\",\"href\":\"/ru/monitoring-usage\",\"hidden\":false},{\"sidebarTitle\":\"Затраты\",\"title\":\"Эффективное управление затратами\",\"description\":\"Узнайте, как отслеживать и оптимизировать использование токенов и затраты при использовании Claude Code.\",\"href\":\"/ru/costs\",\"hidden\":false},{\"title\":\"Аналитика\",\"description\":\"Просмотрите подробные сведения об использовании и метрики производительности развертывания Claude Code вашей организации.\",\"href\":\"/ru/analytics\",\"hidden\":false},{\"title\":\"Создание и распространение marketplace плагинов\",\"sidebarTitle\":\"Создание и распространение marketplace плагинов\",\"description\":\"Создавайте и размещайте marketplace плагинов для распространения расширений Claude Code по командам и сообществам.\",\"href\":\"/ru/plugin-marketplaces\",\"hidden\":false}]}]},{\"tab\":\"Конфигурация\",\"groups\":[{\"group\":\"Конфигурация\",\"pages\":[{\"sidebarTitle\":\"Параметры\",\"title\":\"Параметры Claude Code\",\"description\":\"Настройте Claude Code с помощью глобальных и проектных параметров, а также переменных окружения.\",\"href\":\"/ru/settings\",\"hidden\":false},{\"sidebarTitle\":\"Разрешения\",\"title\":\"Настройка разрешений\",\"description\":\"Контролируйте, что Claude Code может использовать и делать, с помощью детальных правил разрешений, режимов и управляемых политик.\",\"href\":\"/ru/permissions\",\"hidden\":false},{\"title\":\"Изоляция в песочнице\",\"description\":\"Узнайте, как инструмент bash в песочнице Claude Code обеспечивает изоляцию файловой системы и сети для более безопасного и автономного выполнения агентов.\",\"href\":\"/ru/sandboxing\",\"hidden\":false},{\"sidebarTitle\":\"Конфигурация терминала\",\"title\":\"Оптимизируйте настройку вашего терминала\",\"description\":\"Claude Code работает лучше всего, когда ваш терминал правильно настроен. Следуйте этим рекомендациям, чтобы оптимизировать ваш опыт.\",\"href\":\"/ru/terminal-config\",\"hidden\":false},{\"title\":\"Конфигурация модели\",\"description\":\"Узнайте о конфигурации модели Claude Code, включая псевдонимы моделей, такие как `opusplan`\",\"href\":\"/ru/model-config\",\"hidden\":false},{\"title\":\"Fast mode\",\"href\":\"/ru/fast-mode\"},{\"sidebarTitle\":\"Управление памятью\",\"title\":\"Управление памятью Claude\",\"description\":\"Узнайте, как управлять памятью Claude Code между сеансами с различными местоположениями памяти и лучшими практиками.\",\"href\":\"/ru/memory\",\"hidden\":false},{\"title\":\"Конфигурация строки состояния\",\"description\":\"Создайте пользовательскую строку состояния для Claude Code для отображения контекстной информации\",\"href\":\"/ru/statusline\",\"hidden\":false},{\"title\":\"Настройка сочетаний клавиш\",\"description\":\"Настройте сочетания клавиш в Claude Code с помощью файла конфигурации keybindings.\",\"href\":\"/ru/keybindings\",\"hidden\":false}]}]},{\"tab\":\"Справочник\",\"groups\":[{\"group\":\"Справочник\",\"pages\":[{\"title\":\"Справочник CLI\",\"description\":\"Полный справочник по интерфейсу командной строки Claude Code, включая команды и флаги.\",\"href\":\"/ru/cli-reference\",\"hidden\":false},{\"title\":\"Интерактивный режим\",\"description\":\"Полный справочник по сочетаниям клавиш, режимам ввода и интерактивным функциям в сеансах Claude Code.\",\"href\":\"/ru/interactive-mode\",\"hidden\":false},{\"title\":\"Checkpointing\",\"description\":\"Автоматически отслеживайте и отменяйте правки Claude, чтобы быстро восстановиться после нежелательных изменений.\",\"href\":\"/ru/checkpointing\",\"hidden\":false},{\"title\":\"Справочник по hooks\",\"description\":\"На этой странице представлена справочная документация по реализации hooks в Claude Code.\",\"href\":\"/ru/hooks\",\"hidden\":false},{\"title\":\"Справочник по плагинам\",\"description\":\"Полный технический справочник по системе плагинов Claude Code, включая схемы, команды CLI и спецификации компонентов.\",\"href\":\"/ru/plugins-reference\",\"hidden\":false}]}]},{\"tab\":\"Ресурсы\",\"groups\":[{\"group\":\"Ресурсы\",\"pages\":[{\"title\":\"Правовые и нормативные требования\",\"description\":\"Правовые соглашения, сертификаты соответствия и информация о безопасности для Claude Code.\",\"href\":\"/ru/legal-and-compliance\",\"hidden\":false}]}]}]},{\"language\":\"id\",\"tabs\":[{\"tab\":\"Memulai\",\"groups\":[{\"group\":\"Memulai\",\"pages\":[{\"sidebarTitle\":\"Ringkasan\",\"title\":\"Ringkasan Claude Code\",\"description\":\"Pelajari tentang Claude Code, alat coding agentic Anthropic yang berada di terminal Anda dan membantu Anda mengubah ide menjadi kode lebih cepat dari sebelumnya.\",\"href\":\"/id/overview\",\"hidden\":false},{\"title\":\"Panduan Cepat\",\"description\":\"Selamat datang di Claude Code!\",\"href\":\"/id/quickstart\",\"hidden\":false},{\"title\":\"Changelog\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/id/changelog\",\"hidden\":false}]},{\"group\":\"Konsep Inti\",\"pages\":[{\"title\":\"Cara Kerja Claude Code\",\"description\":\"Pahami loop agentic, alat bawaan, dan bagaimana Claude Code berinteraksi dengan proyek Anda.\",\"href\":\"/id/how-claude-code-works\",\"hidden\":false},{\"title\":\"Perluas Claude Code\",\"description\":\"Pahami kapan menggunakan CLAUDE.md, Skills, subagents, hooks, MCP, dan plugins.\",\"href\":\"/id/features-overview\",\"hidden\":false},{\"title\":\"Alur kerja umum\",\"description\":\"Panduan langkah demi langkah untuk menjelajahi basis kode, memperbaiki bug, refactoring, pengujian, dan tugas sehari-hari lainnya dengan Claude Code.\",\"href\":\"/id/common-workflows\",\"hidden\":false},{\"title\":\"Praktik Terbaik untuk Claude Code\",\"description\":\"Tips dan pola untuk memaksimalkan Claude Code, dari mengonfigurasi lingkungan Anda hingga menskalakan di seluruh sesi paralel.\",\"href\":\"/id/best-practices\",\"hidden\":false}]},{\"group\":\"Platform dan integrasi\",\"pages\":[{\"title\":\"Claude Code di web\",\"description\":\"Jalankan tugas Claude Code secara asinkron pada infrastruktur cloud yang aman\",\"href\":\"/id/claude-code-on-the-web\",\"hidden\":false},{\"title\":\"Claude Code di desktop\",\"description\":\"Jalankan tugas Claude Code secara lokal atau pada infrastruktur cloud yang aman dengan aplikasi desktop Claude\",\"href\":\"/id/desktop\",\"hidden\":false},{\"title\":\"Gunakan Claude Code dengan Chrome (beta)\",\"sidebarTitle\":\"Ekstensi Chrome (beta)\",\"description\":\"Hubungkan Claude Code ke browser Chrome Anda untuk menguji aplikasi web, debug dengan console logs, otomatisasi pengisian formulir, dan ekstrak data dari halaman web.\",\"href\":\"/id/chrome\",\"hidden\":false},{\"title\":\"Gunakan Claude Code di VS Code\",\"description\":\"Instal dan konfigurasi ekstensi Claude Code untuk VS Code. Dapatkan bantuan pengkodean AI dengan diff inline, @-mentions, review rencana, dan pintasan keyboard.\",\"href\":\"/id/vs-code\",\"hidden\":false},{\"title\":\"JetBrains IDEs\",\"description\":\"Gunakan Claude Code dengan JetBrains IDEs termasuk IntelliJ, PyCharm, WebStorm, dan lainnya\",\"href\":\"/id/jetbrains\",\"hidden\":false},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Pelajari tentang integrasi Claude Code ke dalam alur kerja pengembangan Anda dengan Claude Code GitHub Actions\",\"href\":\"/id/github-actions\",\"hidden\":false},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Pelajari tentang mengintegrasikan Claude Code ke dalam alur kerja pengembangan Anda dengan GitLab CI/CD\",\"href\":\"/id/gitlab-ci-cd\",\"hidden\":false},{\"title\":\"Claude Code di Slack\",\"description\":\"Delegasikan tugas coding langsung dari workspace Slack Anda\",\"href\":\"/id/slack\",\"hidden\":false}]}]},{\"tab\":\"Bangun dengan Claude Code\",\"groups\":[{\"group\":\"Bangun dengan Claude Code\",\"pages\":[{\"title\":\"Buat subagent khusus\",\"description\":\"Buat dan gunakan subagent AI khusus di Claude Code untuk alur kerja spesifik tugas dan manajemen konteks yang lebih baik.\",\"href\":\"/id/sub-agents\",\"hidden\":false},{\"title\":\"Mengorkestra tim Claude Code sessions\",\"sidebarTitle\":\"Jalankan tim agent\",\"description\":\"Koordinasikan beberapa instance Claude Code yang bekerja bersama sebagai tim, dengan tugas bersama, pesan antar-agent, dan manajemen terpusat.\",\"href\":\"/id/agent-teams\",\"hidden\":false},{\"title\":\"Buat plugins\",\"sidebarTitle\":\"Buat plugins\",\"description\":\"Buat plugins kustom untuk memperluas Claude Code dengan skills, agents, hooks, dan MCP servers.\",\"href\":\"/id/plugins\",\"hidden\":false},{\"title\":\"Temukan dan instal plugin yang sudah dibuat melalui marketplace\",\"description\":\"Temukan dan instal plugin dari marketplace untuk memperluas Claude Code dengan perintah, agen, dan kemampuan baru.\",\"href\":\"/id/discover-plugins\",\"hidden\":false},{\"title\":\"Perluas Claude dengan keterampilan\",\"description\":\"Buat, kelola, dan bagikan keterampilan untuk memperluas kemampuan Claude di Claude Code. Termasuk perintah garis miring khusus.\",\"href\":\"/id/skills\",\"hidden\":false},{\"title\":\"Output styles\",\"description\":\"Sesuaikan Claude Code untuk penggunaan di luar rekayasa perangkat lunak\",\"href\":\"/id/output-styles\",\"hidden\":false},{\"title\":\"Mulai dengan Claude Code hooks\",\"description\":\"Pelajari cara menyesuaikan dan memperluas perilaku Claude Code dengan mendaftarkan perintah shell\",\"href\":\"/id/hooks-guide\",\"hidden\":false},{\"title\":\"Jalankan Claude Code secara programatis\",\"sidebarTitle\":\"Penggunaan programatis\",\"description\":\"Gunakan Agent SDK untuk menjalankan Claude Code secara programatis dari CLI, Python, atau TypeScript.\",\"href\":\"/id/headless\",\"hidden\":false},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"Hubungkan Claude Code ke alat melalui MCP\",\"description\":\"Pelajari cara menghubungkan Claude Code ke alat Anda dengan Model Context Protocol.\",\"href\":\"/id/mcp\",\"hidden\":false},{\"title\":\"Pemecahan Masalah\",\"description\":\"Temukan solusi untuk masalah umum dengan instalasi dan penggunaan Claude Code.\",\"href\":\"/id/troubleshooting\",\"hidden\":false}]}]},{\"tab\":\"Penerapan\",\"groups\":[{\"group\":\"Penerapan\",\"pages\":[{\"title\":\"Ringkasan penyebaran enterprise\",\"description\":\"Pelajari bagaimana Claude Code dapat terintegrasi dengan berbagai layanan pihak ketiga dan infrastruktur untuk memenuhi persyaratan penyebaran enterprise.\",\"href\":\"/id/third-party-integrations\",\"hidden\":false},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Claude Code di Amazon Bedrock\",\"description\":\"Pelajari tentang mengonfigurasi Claude Code melalui Amazon Bedrock, termasuk pengaturan, konfigurasi IAM, dan pemecahan masalah.\",\"href\":\"/id/amazon-bedrock\",\"hidden\":false},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Claude Code pada Google Vertex AI\",\"description\":\"Pelajari tentang mengonfigurasi Claude Code melalui Google Vertex AI, termasuk pengaturan, konfigurasi IAM, dan pemecahan masalah.\",\"href\":\"/id/google-vertex-ai\",\"hidden\":false},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code di Microsoft Foundry\",\"description\":\"Pelajari tentang mengonfigurasi Claude Code melalui Microsoft Foundry, termasuk setup, konfigurasi, dan pemecahan masalah.\",\"href\":\"/id/microsoft-foundry\",\"hidden\":false},{\"sidebarTitle\":\"Konfigurasi jaringan\",\"title\":\"Konfigurasi jaringan enterprise\",\"description\":\"Konfigurasikan Claude Code untuk lingkungan enterprise dengan server proxy, Certificate Authorities (CA) kustom, dan autentikasi mutual Transport Layer Security (mTLS).\",\"href\":\"/id/network-config\",\"hidden\":false},{\"sidebarTitle\":\"LLM gateway\",\"title\":\"Konfigurasi LLM gateway\",\"description\":\"Pelajari cara mengonfigurasi Claude Code untuk bekerja dengan solusi LLM gateway. Mencakup persyaratan gateway, konfigurasi autentikasi, pemilihan model, dan pengaturan endpoint khusus penyedia.\",\"href\":\"/id/llm-gateway\",\"hidden\":false},{\"title\":\"Kontainer pengembangan\",\"description\":\"Pelajari tentang kontainer pengembangan Claude Code untuk tim yang membutuhkan lingkungan yang konsisten dan aman.\",\"href\":\"/id/devcontainer\",\"hidden\":false}]}]},{\"tab\":\"Administrasi\",\"groups\":[{\"group\":\"Administrasi\",\"pages\":[{\"sidebarTitle\":\"Instalasi lanjutan\",\"title\":\"Siapkan Claude Code\",\"description\":\"Instal, autentikasi, dan mulai menggunakan Claude Code di mesin pengembangan Anda.\",\"href\":\"/id/setup\",\"hidden\":false},{\"title\":\"Authentication\",\"href\":\"/id/authentication\"},{\"title\":\"Keamanan\",\"description\":\"Pelajari tentang perlindungan keamanan Claude Code dan praktik terbaik untuk penggunaan yang aman.\",\"href\":\"/id/security\",\"hidden\":false},{\"title\":\"Server managed settings\",\"href\":\"/id/server-managed-settings\"},{\"title\":\"Penggunaan data\",\"description\":\"Pelajari kebijakan penggunaan data Anthropic untuk Claude\",\"href\":\"/id/data-usage\",\"hidden\":false},{\"title\":\"Pemantauan\",\"description\":\"Pelajari cara mengaktifkan dan mengonfigurasi OpenTelemetry untuk Claude Code.\",\"href\":\"/id/monitoring-usage\",\"hidden\":false},{\"sidebarTitle\":\"Biaya\",\"title\":\"Kelola biaya secara efektif\",\"description\":\"Pelajari cara melacak dan mengoptimalkan penggunaan token dan biaya saat menggunakan Claude Code.\",\"href\":\"/id/costs\",\"hidden\":false},{\"title\":\"Analitik\",\"description\":\"Lihat wawasan penggunaan terperinci dan metrik produktivitas untuk penerapan Claude Code organisasi Anda.\",\"href\":\"/id/analytics\",\"hidden\":false},{\"title\":\"Buat dan distribusikan marketplace plugin\",\"description\":\"Bangun dan hosting marketplace plugin untuk mendistribusikan ekstensi Claude Code di seluruh tim dan komunitas.\",\"href\":\"/id/plugin-marketplaces\",\"hidden\":false}]}]},{\"tab\":\"Konfigurasi\",\"groups\":[{\"group\":\"Konfigurasi\",\"pages\":[{\"sidebarTitle\":\"Pengaturan\",\"title\":\"Pengaturan Claude Code\",\"description\":\"Konfigurasikan Claude Code dengan pengaturan global dan tingkat proyek, serta variabel lingkungan.\",\"href\":\"/id/settings\",\"hidden\":false},{\"sidebarTitle\":\"Izin\",\"title\":\"Konfigurasi izin\",\"description\":\"Kontrol apa yang dapat diakses dan dilakukan Claude Code dengan aturan izin, mode, dan kebijakan terkelola yang terperinci.\",\"href\":\"/id/permissions\",\"hidden\":false},{\"title\":\"Sandboxing\",\"description\":\"Pelajari bagaimana alat bash yang di-sandbox dari Claude Code menyediakan isolasi filesystem dan jaringan untuk eksekusi agen yang lebih aman dan otonomi.\",\"href\":\"/id/sandboxing\",\"hidden\":false},{\"sidebarTitle\":\"Konfigurasi terminal\",\"title\":\"Optimalkan pengaturan terminal Anda\",\"description\":\"Claude Code bekerja paling baik ketika terminal Anda dikonfigurasi dengan benar. Ikuti panduan ini untuk mengoptimalkan pengalaman Anda.\",\"href\":\"/id/terminal-config\",\"hidden\":false},{\"title\":\"Konfigurasi model\",\"description\":\"Pelajari tentang konfigurasi model Claude Code, termasuk alias model seperti `opusplan`\",\"href\":\"/id/model-config\",\"hidden\":false},{\"title\":\"Fast mode\",\"href\":\"/id/fast-mode\"},{\"sidebarTitle\":\"Manajemen memori\",\"title\":\"Kelola memori Claude\",\"description\":\"Pelajari cara mengelola memori Claude Code di seluruh sesi dengan lokasi memori berbeda dan praktik terbaik.\",\"href\":\"/id/memory\",\"hidden\":false},{\"title\":\"Konfigurasi baris status\",\"description\":\"Buat baris status khusus untuk Claude Code untuk menampilkan informasi kontekstual\",\"href\":\"/id/statusline\",\"hidden\":false},{\"title\":\"Sesuaikan pintasan keyboard\",\"description\":\"Sesuaikan pintasan keyboard di Claude Code dengan file konfigurasi keybindings.\",\"href\":\"/id/keybindings\",\"hidden\":false}]}]},{\"tab\":\"Referensi\",\"groups\":[{\"group\":\"Referensi\",\"pages\":[{\"title\":\"Referensi CLI\",\"description\":\"Referensi lengkap untuk antarmuka baris perintah Claude Code, termasuk perintah dan flag.\",\"href\":\"/id/cli-reference\",\"hidden\":false},{\"title\":\"Mode interaktif\",\"description\":\"Referensi lengkap untuk pintasan keyboard, mode input, dan fitur interaktif dalam sesi Claude Code.\",\"href\":\"/id/interactive-mode\",\"hidden\":false},{\"title\":\"Checkpointing\",\"description\":\"Secara otomatis melacak dan membatalkan pengeditan Claude untuk pemulihan cepat dari perubahan yang tidak diinginkan.\",\"href\":\"/id/checkpointing\",\"hidden\":false},{\"title\":\"Referensi Hooks\",\"description\":\"Halaman ini menyediakan dokumentasi referensi untuk mengimplementasikan hooks di Claude Code.\",\"href\":\"/id/hooks\",\"hidden\":false},{\"title\":\"Referensi Plugins\",\"description\":\"Referensi teknis lengkap untuk sistem plugin Claude Code, termasuk skema, perintah CLI, dan spesifikasi komponen.\",\"href\":\"/id/plugins-reference\",\"hidden\":false}]}]},{\"tab\":\"Sumber Daya\",\"groups\":[{\"group\":\"Sumber Daya\",\"pages\":[{\"title\":\"Hukum dan kepatuhan\",\"description\":\"Perjanjian hukum, sertifikasi kepatuhan, dan informasi keamanan untuk Claude Code.\",\"href\":\"/id/legal-and-compliance\",\"hidden\":false}]}]}]},{\"language\":\"pt-BR\",\"tabs\":[{\"tab\":\"Primeiros passos\",\"groups\":[{\"group\":\"Primeiros passos\",\"pages\":[{\"sidebarTitle\":\"Visão geral\",\"title\":\"Visão geral do Claude Code\",\"description\":\"Aprenda sobre Claude Code, a ferramenta de codificação agentic da Anthropic que vive em seu terminal e ajuda você a transformar ideias em código mais rápido do que nunca.\",\"href\":\"/pt/overview\",\"hidden\":false},{\"title\":\"Guia de Início Rápido\",\"description\":\"Bem-vindo ao Claude Code!\",\"href\":\"/pt/quickstart\",\"hidden\":false},{\"title\":\"Changelog\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/pt/changelog\",\"hidden\":false}]},{\"group\":\"Conceitos principais\",\"pages\":[{\"title\":\"Como o Claude Code funciona\",\"description\":\"Entenda o loop agentico, as ferramentas integradas e como o Claude Code interage com seu projeto.\",\"href\":\"/pt/how-claude-code-works\",\"hidden\":false},{\"title\":\"Estender Claude Code\",\"sidebarTitle\":\"Estender Claude Code\",\"description\":\"Entenda quando usar CLAUDE.md, Skills, subagents, hooks, MCP e plugins.\",\"href\":\"/pt/features-overview\",\"hidden\":false},{\"title\":\"Fluxos de trabalho comuns\",\"description\":\"Guias passo a passo para explorar bases de código, corrigir bugs, refatorar, testar e outras tarefas cotidianas com Claude Code.\",\"href\":\"/pt/common-workflows\",\"hidden\":false},{\"title\":\"Melhores práticas para Claude Code\",\"description\":\"Dicas e padrões para aproveitar ao máximo o Claude Code, desde a configuração do seu ambiente até o dimensionamento em sessões paralelas.\",\"href\":\"/pt/best-practices\",\"hidden\":false}]},{\"group\":\"Plataformas e integrações\",\"pages\":[{\"title\":\"Claude Code na web\",\"description\":\"Execute tarefas Claude Code de forma assíncrona em infraestrutura de nuvem segura\",\"href\":\"/pt/claude-code-on-the-web\",\"hidden\":false},{\"title\":\"Claude Code no desktop\",\"description\":\"Execute tarefas do Claude Code localmente ou em infraestrutura em nuvem segura com o aplicativo Claude desktop\",\"href\":\"/pt/desktop\",\"hidden\":false},{\"title\":\"Use Claude Code with Chrome (beta)\",\"sidebarTitle\":\"Chrome extension (beta)\",\"description\":\"Conecte Claude Code ao seu navegador Chrome para testar aplicativos web, depurar com logs de console, automatizar preenchimento de formulários e extrair dados de páginas web.\",\"href\":\"/pt/chrome\",\"hidden\":false},{\"title\":\"Use Claude Code no VS Code\",\"description\":\"Instale e configure a extensão Claude Code para VS Code. Obtenha assistência de codificação com IA com diffs inline, @-mentions, revisão de planos e atalhos de teclado.\",\"href\":\"/pt/vs-code\",\"hidden\":false},{\"title\":\"JetBrains IDEs\",\"description\":\"Use Claude Code with JetBrains IDEs including IntelliJ, PyCharm, WebStorm, and more\",\"href\":\"/pt/jetbrains\",\"hidden\":false},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Aprenda sobre a integração do Claude Code no seu fluxo de trabalho de desenvolvimento com Claude Code GitHub Actions\",\"href\":\"/pt/github-actions\",\"hidden\":false},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Saiba como integrar Claude Code no seu fluxo de trabalho de desenvolvimento com GitLab CI/CD\",\"href\":\"/pt/gitlab-ci-cd\",\"hidden\":false},{\"title\":\"Claude Code no Slack\",\"description\":\"Delegue tarefas de codificação diretamente do seu espaço de trabalho Slack\",\"href\":\"/pt/slack\",\"hidden\":false}]}]},{\"tab\":\"Construir com Claude Code\",\"groups\":[{\"group\":\"Construir com Claude Code\",\"pages\":[{\"title\":\"Criar subagentes personalizados\",\"description\":\"Crie e use subagentes de IA especializados no Claude Code para fluxos de trabalho específicos de tarefas e gerenciamento de contexto aprimorado.\",\"href\":\"/pt/sub-agents\",\"hidden\":false},{\"title\":\"Orquestre equipes de sessões Claude Code\",\"sidebarTitle\":\"Executar equipes de agentes\",\"description\":\"Coordene múltiplas instâncias Claude Code trabalhando juntas como uma equipe, com tarefas compartilhadas, mensagens entre agentes e gerenciamento centralizado.\",\"href\":\"/pt/agent-teams\",\"hidden\":false},{\"title\":\"Criar plugins\",\"sidebarTitle\":\"Criar plugins\",\"description\":\"Crie plugins personalizados para estender Claude Code com skills, agents, hooks e MCP servers.\",\"href\":\"/pt/plugins\",\"hidden\":false},{\"title\":\"Descubra e instale plugins pré-construídos através de marketplaces\",\"description\":\"Encontre e instale plugins de marketplaces para estender Claude Code com novos comandos, agentes e capacidades.\",\"href\":\"/pt/discover-plugins\",\"hidden\":false},{\"title\":\"Estenda Claude com skills\",\"description\":\"Crie, gerencie e compartilhe skills para estender as capacidades do Claude no Claude Code. Inclui comandos de barra invertida personalizados.\",\"href\":\"/pt/skills\",\"hidden\":false},{\"title\":\"Estilos de saída\",\"description\":\"Adapte Claude Code para usos além da engenharia de software\",\"href\":\"/pt/output-styles\",\"hidden\":false},{\"title\":\"Comece com os hooks do Claude Code\",\"description\":\"Aprenda como personalizar e estender o comportamento do Claude Code registrando comandos shell\",\"href\":\"/pt/hooks-guide\",\"hidden\":false},{\"title\":\"Executar Claude Code programaticamente\",\"description\":\"Use o Agent SDK para executar Claude Code programaticamente a partir da CLI, Python ou TypeScript.\",\"href\":\"/pt/headless\",\"hidden\":false},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"Conectar Claude Code a ferramentas via MCP\",\"description\":\"Aprenda como conectar Claude Code às suas ferramentas com o Model Context Protocol.\",\"href\":\"/pt/mcp\",\"hidden\":false},{\"title\":\"Solução de problemas\",\"description\":\"Descubra soluções para problemas comuns com a instalação e uso do Claude Code.\",\"href\":\"/pt/troubleshooting\",\"hidden\":false}]}]},{\"tab\":\"Implantação\",\"groups\":[{\"group\":\"Implantação\",\"pages\":[{\"title\":\"Visão geral da implantação empresarial\",\"sidebarTitle\":\"Visão geral\",\"description\":\"Saiba como Claude Code pode se integrar com vários serviços de terceiros e infraestrutura para atender aos requisitos de implantação empresarial.\",\"href\":\"/pt/third-party-integrations\",\"hidden\":false},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Claude Code no Amazon Bedrock\",\"description\":\"Saiba como configurar Claude Code através do Amazon Bedrock, incluindo configuração, configuração de IAM e resolução de problemas.\",\"href\":\"/pt/amazon-bedrock\",\"hidden\":false},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Claude Code no Google Vertex AI\",\"description\":\"Saiba como configurar Claude Code através do Google Vertex AI, incluindo configuração, configuração de IAM e resolução de problemas.\",\"href\":\"/pt/google-vertex-ai\",\"hidden\":false},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code no Microsoft Foundry\",\"description\":\"Saiba como configurar Claude Code através do Microsoft Foundry, incluindo configuração, instalação e resolução de problemas.\",\"href\":\"/pt/microsoft-foundry\",\"hidden\":false},{\"sidebarTitle\":\"Configuração de rede\",\"title\":\"Configuração de rede empresarial\",\"description\":\"Configure Claude Code para ambientes empresariais com servidores proxy, Autoridades de Certificação (CA) personalizadas e autenticação mútua de Transport Layer Security (mTLS).\",\"href\":\"/pt/network-config\",\"hidden\":false},{\"sidebarTitle\":\"Gateway LLM\",\"title\":\"Configuração do gateway LLM\",\"description\":\"Saiba como configurar Claude Code para trabalhar com soluções de gateway LLM. Abrange requisitos de gateway, configuração de autenticação, seleção de modelo e configuração de endpoint específica do provedor.\",\"href\":\"/pt/llm-gateway\",\"hidden\":false},{\"title\":\"Contêineres de desenvolvimento\",\"description\":\"Saiba mais sobre o contêiner de desenvolvimento Claude Code para equipes que precisam de ambientes consistentes e seguros.\",\"href\":\"/pt/devcontainer\",\"hidden\":false}]}]},{\"tab\":\"Administração\",\"groups\":[{\"group\":\"Administração\",\"pages\":[{\"sidebarTitle\":\"Instalação avançada\",\"title\":\"Configurar Claude Code\",\"description\":\"Instale, autentique e comece a usar Claude Code em sua máquina de desenvolvimento.\",\"href\":\"/pt/setup\",\"hidden\":false},{\"title\":\"Authentication\",\"href\":\"/pt/authentication\"},{\"title\":\"Segurança\",\"description\":\"Aprenda sobre as proteções de segurança do Claude Code e as melhores práticas para uso seguro.\",\"href\":\"/pt/security\",\"hidden\":false},{\"title\":\"Server managed settings\",\"href\":\"/pt/server-managed-settings\"},{\"title\":\"Uso de dados\",\"description\":\"Saiba mais sobre as políticas de uso de dados da Anthropic para Claude\",\"href\":\"/pt/data-usage\",\"hidden\":false},{\"title\":\"Monitoramento\",\"description\":\"Saiba como ativar e configurar OpenTelemetry para Claude Code.\",\"href\":\"/pt/monitoring-usage\",\"hidden\":false},{\"sidebarTitle\":\"Custos\",\"title\":\"Gerencie custos efetivamente\",\"description\":\"Aprenda como rastrear e otimizar o uso de tokens e custos ao usar Claude Code.\",\"href\":\"/pt/costs\",\"hidden\":false},{\"title\":\"Análise\",\"description\":\"Visualize insights detalhados de uso e métricas de produtividade para a implantação do Claude Code da sua organização.\",\"href\":\"/pt/analytics\",\"hidden\":false},{\"title\":\"Criar e distribuir um marketplace de plugins\",\"sidebarTitle\":\"Criar e distribuir um marketplace de plugins\",\"description\":\"Crie e hospede marketplaces de plugins para distribuir extensões Claude Code em equipes e comunidades.\",\"href\":\"/pt/plugin-marketplaces\",\"hidden\":false}]}]},{\"tab\":\"Configuração\",\"groups\":[{\"group\":\"Configuração\",\"pages\":[{\"sidebarTitle\":\"Configurações\",\"title\":\"Configurações do Claude Code\",\"description\":\"Configure o Claude Code com configurações globais e em nível de projeto, e variáveis de ambiente.\",\"href\":\"/pt/settings\",\"hidden\":false},{\"sidebarTitle\":\"Permissões\",\"title\":\"Configurar permissões\",\"description\":\"Controle o que Claude Code pode acessar e fazer com regras de permissão granulares, modos e políticas gerenciadas.\",\"href\":\"/pt/permissions\",\"hidden\":false},{\"title\":\"Isolamento em Sandbox\",\"description\":\"Aprenda como a ferramenta bash em sandbox do Claude Code fornece isolamento de sistema de arquivos e rede para execução de agentes mais segura e autônoma.\",\"href\":\"/pt/sandboxing\",\"hidden\":false},{\"sidebarTitle\":\"Configuração do terminal\",\"title\":\"Otimize sua configuração de terminal\",\"description\":\"Claude Code funciona melhor quando seu terminal está devidamente configurado. Siga estas diretrizes para otimizar sua experiência.\",\"href\":\"/pt/terminal-config\",\"hidden\":false},{\"title\":\"Configuração de modelo\",\"description\":\"Saiba mais sobre a configuração do modelo Claude Code, incluindo aliases de modelo como `opusplan`\",\"href\":\"/pt/model-config\",\"hidden\":false},{\"title\":\"Fast mode\",\"href\":\"/pt/fast-mode\"},{\"sidebarTitle\":\"Gerenciamento de memória\",\"title\":\"Gerenciar a memória do Claude\",\"description\":\"Aprenda como gerenciar a memória do Claude Code em sessões com diferentes locais de memória e melhores práticas.\",\"href\":\"/pt/memory\",\"hidden\":false},{\"title\":\"Configuração da linha de status\",\"description\":\"Crie uma linha de status personalizada para Claude Code para exibir informações contextuais\",\"href\":\"/pt/statusline\",\"hidden\":false},{\"title\":\"Personalizar atalhos de teclado\",\"description\":\"Personalize atalhos de teclado no Claude Code com um arquivo de configuração de keybindings.\",\"href\":\"/pt/keybindings\",\"hidden\":false}]}]},{\"tab\":\"Referência\",\"groups\":[{\"group\":\"Referência\",\"pages\":[{\"title\":\"Referência de CLI\",\"description\":\"Referência completa para a interface de linha de comando do Claude Code, incluindo comandos e sinalizadores.\",\"href\":\"/pt/cli-reference\",\"hidden\":false},{\"title\":\"Modo interativo\",\"description\":\"Referência completa para atalhos de teclado, modos de entrada e recursos interativos em sessões do Claude Code.\",\"href\":\"/pt/interactive-mode\",\"hidden\":false},{\"title\":\"Checkpointing\",\"description\":\"Rastreie e reverta automaticamente as edições do Claude para recuperar-se rapidamente de alterações indesejadas.\",\"href\":\"/pt/checkpointing\",\"hidden\":false},{\"title\":\"Referência de Hooks\",\"description\":\"Esta página fornece documentação de referência para implementar hooks no Claude Code.\",\"href\":\"/pt/hooks\",\"hidden\":false},{\"title\":\"Referência de plugins\",\"description\":\"Referência técnica completa para o sistema de plugins do Claude Code, incluindo esquemas, comandos CLI e especificações de componentes.\",\"href\":\"/pt/plugins-reference\",\"hidden\":false}]}]},{\"tab\":\"Recursos\",\"groups\":[{\"group\":\"Recursos\",\"pages\":[{\"title\":\"Legal e conformidade\",\"description\":\"Acordos legais, certificações de conformidade e informações de segurança para Claude Code.\",\"href\":\"/pt/legal-and-compliance\",\"hidden\":false}]}]}]}]}},\"children\":\"$L47\"}]}]}]}]]}]}]\n"])</script><script>self.__next_f.push([1,"48:I[68367,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"LoginButtonProvider\",1]\n"])</script><script>self.__next_f.push([1,"49:I[54001,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"SidebarLoginButtonProvider\",1]\n"])</script><script>self.__next_f.push([1,"4a:I[76829,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"NavigationContextController\",1]\n"])</script><script>self.__next_f.push([1,"4b:I[96924,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"PrefetchProvider\"]\n"])</script><script>self.__next_f.push([1,"4c:I[69445,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"Fonts\"]\n"])</script><script>self.__next_f.push([1,"4d:I[12192,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"BannerProvider\",1]\n"])</script><script>self.__next_f.push([1,"4e:I[42080,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"ScrollTopScript\",1]\n"])</script><script>self.__next_f.push([1,"4f:I[92177,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"LocalStorageAndAnalyticsProviders\",1]\n"])</script><script>self.__next_f.push([1,"50:I[83176,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"51:I[12158,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"SearchProvider\",1]\n"])</script><script>self.__next_f.push([1,"52:I[76982,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"SkipToContent\",1]\n"])</script><script>self.__next_f.push([1,"53:I[89261,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"AssistantLayoutWrapper\",1]\n"])</script><script>self.__next_f.push([1,"54:I[62964,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"ThemeLayout\",1]\n"])</script><script>self.__next_f.push([1,"47:[\"$\",\"$L48\",null,{\"children\":[\"$\",\"$L49\",null,{\"children\":[\"$\",\"$L4a\",null,{\"children\":[\"$\",\"$L4b\",null,{\"children\":[[\"$\",\"$L7\",null,{\"fonts\":\"$15:props:children:props:children:2:props:children:props:children:props:children:props:value:docsConfig:fonts\",\"theme\":\"mint\",\"subdomain\":\"claude-code\"}],[[\"$\",\"$L6\",null,{\"docsConfig\":\"$15:props:children:props:children:2:props:children:props:children:props:children:props:value:docsConfig\"}],[[\"$\",\"link\",null,{\"rel\":\"preload\",\"href\":\"https://d4tuoctqmanu0.cloudfront.net/katex.min.css\",\"as\":\"style\"}],[\"$\",\"script\",null,{\"type\":\"text/javascript\",\"children\":\"\\n (function() {\\n function loadKatex() {\\n const link = document.querySelector('link[href=\\\"https://d4tuoctqmanu0.cloudfront.net/katex.min.css\\\"]');\\n if (link) link.rel = 'stylesheet';\\n }\\n if (document.readyState === 'loading') {\\n document.addEventListener('DOMContentLoaded', loadKatex);\\n } else {\\n loadKatex();\\n }\\n })();\\n \"}]],[\"$\",\"$L8\",null,{\"theme\":\"mint\"}],[\"$\",\"$L4c\",null,{\"fonts\":\"$15:props:children:props:children:2:props:children:props:children:props:children:props:value:docsConfig:fonts\",\"children\":[\"$\",\"$L4d\",null,{\"bannersByLocale\":{},\"subdomain\":\"claude-code\",\"children\":[[\"$\",\"$L4e\",null,{\"theme\":\"mint\"}],[\"$\",\"$L4f\",null,{\"subdomain\":\"claude-code\",\"children\":[\"$\",\"$L50\",null,{\"toggles\":[{\"name\":\"dashboard-bucketing\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"ai-merge-conflict-resolution\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"tiered-billing\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"server-bucketing-cron\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"skip-github\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"dashboard-editor-theseus\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"dashboard-analytics-v6\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"self-serve-sso\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"autopilot-dashboard\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"live-preview-client\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"notification-settings\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"chat-bucketing-batched\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"agent-page\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"dashboard-auth-revamp\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"assistant-integrations\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"dashboard-analytics-search\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"viewer-role\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"agent-mintlify-slack\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"cloudflare-cache-invalidation\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false}],\"children\":[\"$\",\"$L51\",null,{\"subdomain\":\"claude-code\",\"hasChatPermissions\":true,\"assistantConfig\":{\"enableAskAiButton\":false,\"enableStarterQuestions\":false,\"enableAskAiSearchBar\":true},\"starterQuestions\":\"$undefined\",\"children\":[[\"$\",\"$L52\",null,{}],[\"$\",\"$L53\",null,{\"children\":[\"$\",\"$L54\",null,{\"topbar\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"topbar\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],\"theme\":\"mint\",\"children\":[[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],\"$undefined\"]}]}]]}]}]}]]}]}]]]}]}]HD4Ahwo7pyk7Q6cv6udnH1hd6X61" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[85341,[],\"\"]\n"])</script><script>self.__next_f.push([1,"3:I[2510,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"30479\",\"static/chunks/30479-68a79694ab7750c6.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"18039\",\"static/chunks/app/error-85dc9bbc7f2b9b3f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"default\",1]\n"])</script><script>self.__next_f.push([1,"4:I[90025,[],\"\"]\n"])</script><script>self.__next_f.push([1,"5:I[51749,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"ThemeProvider\",1]\n"])</script><script>self.__next_f.push([1,"6:I[35021,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"ColorVariables\",1]\n"])</script><script>self.__next_f.push([1,"7:I[26790,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"FontScript\",1]\n"])</script><script>self.__next_f.push([1,"8:I[24223,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"RoundedVariables\"]\n"])</script><script>self.__next_f.push([1,"9:I[48622,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"92967\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/not-found-5eb99b67cb6ea223.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"RecommendedPagesList\"]\n"])</script><script>self.__next_f.push([1,"a:I[69206,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"30479\",\"static/chunks/30479-68a79694ab7750c6.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"9249\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/error-2bc09d7a501424e3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"default\",1]\n"])</script><script>self.__next_f.push([1,"14:I[34431,[],\"\"]\n:HL[\"/docs/_next/static/media/bb3ef058b751a6ad-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/docs/_next/static/media/c4b700dcb2187787-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/docs/_next/static/media/e4af272ccee01ff0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/docs/_next/static/css/b864dec2fc058581.css?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"style\"]\n:HL[\"/docs/_next/static/css/93bac6dd9c729729.css?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"style\"]\n:HL[\"/docs/_next/static/css/05d6d8fcb903870d.css?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"bTGptXn5smWKOXkydqiV4\",\"p\":\"/docs\",\"c\":[\"\",\"_sites\",\"claude-code\",\"en\",\"skills\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"%5Fsites\",{\"children\":[[\"subdomain\",\"claude-code\",\"d\"],{\"children\":[\"(multitenant)\",{\"topbar\":[\"(slot)\",{\"children\":[[\"slug\",\"en/skills\",\"oc\"],{\"children\":[\"__PAGE__\",{}]}]}],\"children\":[[\"slug\",\"en/skills\",\"oc\"],{\"children\":[\"__PAGE__\",{}]}]}]}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/docs/_next/static/css/b864dec2fc058581.css?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/docs/_next/static/css/93bac6dd9c729729.css?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"suppressHydrationWarning\":true,\"lang\":\"en\",\"className\":\"__variable_ed9089 __variable_ea4744 dark\",\"data-banner-state\":\"visible\",\"data-page-mode\":\"none\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"script\",null,{\"type\":\"text/javascript\",\"dangerouslySetInnerHTML\":{\"__html\":\"(function(a,b){try{let c=document.getElementById(\\\"banner\\\")?.innerText;if(c){for(let d=0;d\u003clocalStorage.length;d++){let e=localStorage.key(d);if(e?.endsWith(a)\u0026\u0026localStorage.getItem(e)===c)return void document.documentElement.setAttribute(b,\\\"hidden\\\")}document.documentElement.setAttribute(b,\\\"visible\\\");return}for(let c=0;c\u003clocalStorage.length;c++){let d=localStorage.key(c);if(d?.endsWith(a)\u0026\u0026localStorage.getItem(d))return void document.documentElement.setAttribute(b,\\\"hidden\\\")}document.documentElement.setAttribute(b,\\\"visible\\\")}catch(a){document.documentElement.setAttribute(b,\\\"hidden\\\")}})(\\n \\\"bannerDismissed\\\",\\n \\\"data-banner-state\\\",\\n)\"}}],false]}],[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$3\",\"errorStyles\":[],\"errorScripts\":[],\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$L5\",null,{\"children\":[[\"$\",\"$L6\",null,{}],[\"$\",\"$L7\",null,{}],[\"$\",\"$L8\",null,{}],[\"$\",\"style\",null,{\"children\":\":root {\\n --primary: 17 120 102;\\n --primary-light: 74 222 128;\\n --primary-dark: 22 101 52;\\n --background-light: 255 255 255;\\n --background-dark: 15 17 23;\\n}\"}],[\"$\",\"main\",null,{\"className\":\"h-screen bg-background-light dark:bg-background-dark text-left\",\"children\":[\"$\",\"article\",null,{\"className\":\"bg-custom bg-fixed bg-center bg-cover relative flex flex-col items-center justify-center h-full\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full max-w-xl px-10\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-flex mb-6 rounded-full px-3 py-1 text-sm font-semibold mr-4 text-white p-1 bg-primary\",\"children\":[\"Error \",404]}],[\"$\",\"h1\",null,{\"className\":\"font-semibold mb-3 text-3xl\",\"children\":\"Page not found!\"}],[\"$\",\"p\",null,{\"className\":\"text-lg text-gray-600 dark:text-gray-400 mb-6\",\"children\":\"We couldn't find the page.\"}],[\"$\",\"$L9\",null,{}]]}]}]}]]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],null]}]]}]]}],{\"children\":[\"%5Fsites\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"subdomain\",\"claude-code\",\"d\"],[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$a\",\"errorStyles\":[],\"errorScripts\":[],\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$L5\",null,{\"children\":[[\"$\",\"$L6\",null,{}],[\"$\",\"$L7\",null,{}],[\"$\",\"$L8\",null,{}],[\"$\",\"style\",null,{\"children\":\":root {\\n --primary: 17 120 102;\\n --primary-light: 74 222 128;\\n --primary-dark: 22 101 52;\\n --background-light: 255 255 255;\\n --background-dark: 15 17 23;\\n}\"}],[\"$\",\"main\",null,{\"className\":\"h-screen bg-background-light dark:bg-background-dark text-left\",\"children\":[\"$\",\"article\",null,{\"className\":\"bg-custom bg-fixed bg-center bg-cover relative flex flex-col items-center justify-center h-full\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full max-w-xl px-10\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-flex mb-6 rounded-full px-3 py-1 text-sm font-semibold mr-4 text-white p-1 bg-primary\",\"children\":[\"Error \",404]}],[\"$\",\"h1\",null,{\"className\":\"font-semibold mb-3 text-3xl\",\"children\":\"Page not found!\"}],\"$Lb\",\"$Lc\"]}]}]}]]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"(multitenant)\",\"$Ld\",{\"topbar\":[\"(slot)\",\"$Le\",{\"children\":[[\"slug\",\"en/skills\",\"oc\"],\"$Lf\",{\"children\":[\"__PAGE__\",\"$L10\",{},null,false]},null,false]},null,false],\"children\":[[\"slug\",\"en/skills\",\"oc\"],\"$L11\",{\"children\":[\"__PAGE__\",\"$L12\",{},null,false]},null,false]},null,false]},null,false]},null,false]},null,false],\"$L13\",false]],\"m\":\"$undefined\",\"G\":[\"$14\",[]],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"17:I[15104,[],\"OutletBoundary\"]\n1c:I[94777,[],\"AsyncMetadataOutlet\"]\n1e:I[15104,[],\"ViewportBoundary\"]\n20:I[15104,[],\"MetadataBoundary\"]\n21:\"$Sreact.suspense\"\nb:[\"$\",\"p\",null,{\"className\":\"text-lg text-gray-600 dark:text-gray-400 mb-6\",\"children\":\"We couldn't find the page.\"}]\nc:[\"$\",\"$L9\",null,{}]\nd:[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/docs/_next/static/css/05d6d8fcb903870d.css?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],\"$L15\"]}]\ne:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\nf:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n10:[\"$\",\"$1\",\"c\",{\"children\":[\"$L16\",null,[\"$\",\"$L17\",null,{\"children\":[\"$L18\",\"$L19\"]}]]}]\n11:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n12:[\"$\",\"$1\",\"c\",{\"children\":[\"$L1a\",null,[\"$\",\"$L17\",null,{\"children\":[\"$L1b\",[\"$\",\"$L1c\",null,{\"promise\":\"$@1d\"}]]}]]}]\n13:[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$L1e\",null,{\"children\":\"$L1f\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]],[\"$\",\"$L20\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$21\",null,{\"fallback\":null,\"children\":\"$L22\"}]}]}]]}]\n"])</script><script>self.__next_f.push([1,"18:null\n19:null\n"])</script><script>self.__next_f.push([1,"1f:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover\"}]]\n1b:null\n"])</script><script>self.__next_f.push([1,"1d:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"Extend Claude with skills - Claude Code Docs\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"application-name\",\"content\":\"Claude Code Docs\"}],[\"$\",\"meta\",\"3\",{\"name\":\"generator\",\"content\":\"Mintlify\"}],[\"$\",\"meta\",\"4\",{\"name\":\"msapplication-config\",\"content\":\"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/browserconfig.xml\"}],[\"$\",\"meta\",\"5\",{\"name\":\"apple-mobile-web-app-title\",\"content\":\"Claude Code Docs\"}],[\"$\",\"meta\",\"6\",{\"name\":\"msapplication-TileColor\",\"content\":\"#0E0E0E\"}],[\"$\",\"meta\",\"7\",{\"name\":\"charset\",\"content\":\"utf-8\"}],[\"$\",\"meta\",\"8\",{\"name\":\"og:site_name\",\"content\":\"Claude Code Docs\"}],[\"$\",\"meta\",\"9\",{\"name\":\"canonical\",\"content\":\"https://code.claude.com/docs/en/skills\"}],[\"$\",\"link\",\"10\",{\"rel\":\"canonical\",\"href\":\"https://code.claude.com/docs/en/skills\"}],[\"$\",\"link\",\"11\",{\"rel\":\"alternate\",\"type\":\"application/xml\",\"href\":\"/docs/sitemap.xml\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:title\",\"content\":\"Extend Claude with skills - Claude Code Docs\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:description\",\"content\":\"Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands.\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:url\",\"content\":\"https://code.claude.com/docs/en/skills\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:image\",\"content\":\"https://claude-code.mintlify.app/_next/image?url=%2F_mintlify%2Fapi%2Fog%3Fdivision%3DBuild%2Bwith%2BClaude%2BCode%26appearance%3Dsystem%26title%3DExtend%2BClaude%2Bwith%2Bskills%26description%3DCreate%252C%2Bmanage%252C%2Band%2Bshare%2Bskills%2Bto%2Bextend%2BClaude%2527s%2Bcapabilities%2Bin%2BClaude%2BCode.%2BIncludes%2Bcustom%2Bslash%2Bcommands.%26logoLight%3Dhttps%253A%252F%252Fmintcdn.com%252Fclaude-code%252Fo69F7a6qoW9vboof%252Flogo%252Flight.svg%253Ffit%253Dmax%2526auto%253Dformat%2526n%253Do69F7a6qoW9vboof%2526q%253D85%2526s%253D536eade682636e84231afce2577f9509%26logoDark%3Dhttps%253A%252F%252Fmintcdn.com%252Fclaude-code%252Fo69F7a6qoW9vboof%252Flogo%252Fdark.svg%253Ffit%253Dmax%2526auto%253Dformat%2526n%253Do69F7a6qoW9vboof%2526q%253D85%2526s%253D0766b3221061e80143e9f300733e640b%26primaryColor%3D%25230E0E0E%26lightColor%3D%2523D4A27F%26darkColor%3D%25230E0E0E%26backgroundLight%3D%2523FDFDF7%26backgroundDark%3D%252309090B\u0026w=1200\u0026q=100\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:title\",\"content\":\"Extend Claude with skills - Claude Code Docs\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:description\",\"content\":\"Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands.\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:image\",\"content\":\"https://claude-code.mintlify.app/_next/image?url=%2F_mintlify%2Fapi%2Fog%3Fdivision%3DBuild%2Bwith%2BClaude%2BCode%26appearance%3Dsystem%26title%3DExtend%2BClaude%2Bwith%2Bskills%26description%3DCreate%252C%2Bmanage%252C%2Band%2Bshare%2Bskills%2Bto%2Bextend%2BClaude%2527s%2Bcapabilities%2Bin%2BClaude%2BCode.%2BIncludes%2Bcustom%2Bslash%2Bcommands.%26logoLight%3Dhttps%253A%252F%252Fmintcdn.com%252Fclaude-code%252Fo69F7a6qoW9vboof%252Flogo%252Flight.svg%253Ffit%253Dmax%2526auto%253Dformat%2526n%253Do69F7a6qoW9vboof%2526q%253D85%2526s%253D536eade682636e84231afce2577f9509%26logoDark%3Dhttps%253A%252F%252Fmintcdn.com%252Fclaude-code%252Fo69F7a6qoW9vboof%252Flogo%252Fdark.svg%253Ffit%253Dmax%2526auto%253Dformat%2526n%253Do69F7a6qoW9vboof%2526q%253D85%2526s%253D0766b3221061e80143e9f300733e640b%26primaryColor%3D%25230E0E0E%26lightColor%3D%2523D4A27F%26darkColor%3D%25230E0E0E%26backgroundLight%3D%2523FDFDF7%26backgroundDark%3D%252309090B\u0026w=1200\u0026q=100\"}],\"$L23\",\"$L24\",\"$L25\",\"$L26\",\"$L27\",\"$L28\",\"$L29\",\"$L2a\",\"$L2b\",\"$L2c\"],\"error\":null,\"digest\":\"$undefined\"}\n"])</script><script>self.__next_f.push([1,"22:\"$1d:metadata\"\n"])</script><script>self.__next_f.push([1,"2d:I[36505,[],\"IconMark\"]\n23:[\"$\",\"meta\",\"23\",{\"name\":\"twitter:image:width\",\"content\":\"1200\"}]\n24:[\"$\",\"meta\",\"24\",{\"name\":\"twitter:image:height\",\"content\":\"630\"}]\n25:[\"$\",\"link\",\"25\",{\"rel\":\"apple-touch-icon\",\"href\":\"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/apple-touch-icon.png\",\"type\":\"image/png\",\"sizes\":\"180x180\",\"media\":\"$undefined\"}]\n26:[\"$\",\"link\",\"26\",{\"rel\":\"icon\",\"href\":\"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/favicon-16x16.png\",\"type\":\"image/png\",\"sizes\":\"16x16\",\"media\":\"(prefers-color-scheme: light)\"}]\n27:[\"$\",\"link\",\"27\",{\"rel\":\"icon\",\"href\":\"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/favicon-32x32.png\",\"type\":\"image/png\",\"sizes\":\"32x32\",\"media\":\"(prefers-color-scheme: light)\"}]\n28:[\"$\",\"link\",\"28\",{\"rel\":\"shortcut icon\",\"href\":\"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"$undefined\",\"media\":\"(prefers-color-scheme: light)\"}]\n29:[\"$\",\"link\",\"29\",{\"rel\":\"icon\",\"href\":\"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon-dark/favicon-16x16.png\",\"type\":\"image/png\",\"sizes\":\"16x16\",\"media\":\"(prefers-color-scheme: dark)\"}]\n2a:[\"$\",\"link\",\"30\",{\"rel\":\"icon\",\"href\":\"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon-dark/favicon-32x32.png\",\"type\":\"image/png\",\"sizes\":\"32x32\",\"media\":\"(prefers-color-scheme: dark)\"}]\n2b:[\"$\",\"link\",\"31\",{\"rel\":\"shortcut icon\",\"href\":\"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon-dark/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"$undefined\",\"media\":\"(prefers-color-scheme: dark)\"}]\n2c:[\"$\",\"$L2d\",\"32\",{}]\n"])</script><script>self.__next_f.push([1,"2e:I[71252,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"LivePreviewProvider\"]\n"])</script><script>self.__next_f.push([1,"2f:I[45165,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"\"]\n"])</script><script>self.__next_f.push([1,"30:I[49769,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"31:I[30793,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"AuthProvider\",1]\n"])</script><script>self.__next_f.push([1,"32:I[30793,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"DeploymentMetadataProvider\",1]\n"])</script><script>self.__next_f.push([1,"33:I[30793,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"DocsConfigProvider\",1]\n"])</script><script>self.__next_f.push([1,"15:[\"$\",\"$L2e\",null,{\"isLivePreviewRoute\":false,\"children\":[\"$\",\"$L5\",null,{\"appearance\":{\"default\":\"system\"},\"codeblockTheme\":\"system\",\"children\":[false,[\"$\",\"$L2f\",null,{\"id\":\"_mintlify-banner-script\",\"strategy\":\"beforeInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"(function j(a,b,c,d,e){try{let f,g,h=[];try{h=window.location.pathname.split(\\\"/\\\").filter(a=\u003e\\\"\\\"!==a\u0026\u0026\\\"global\\\"!==a).slice(0,2)}catch{h=[]}let i=h.find(a=\u003ec.includes(a)),j=[];for(let c of(i?j.push(i):j.push(b),j.push(\\\"global\\\"),j)){if(!c)continue;let b=a[c];if(b?.content){f=b.content,g=c;break}}if(!f)return void document.documentElement.setAttribute(d,\\\"hidden\\\");let k=!0,l=0;for(;l\u003clocalStorage.length;){let a=localStorage.key(l);if(l++,!a?.endsWith(e))continue;let b=localStorage.getItem(a);if(b\u0026\u0026b===f){k=!1;break}g\u0026\u0026(a.startsWith(`lang:${g}_`)||!a.startsWith(\\\"lang:\\\"))\u0026\u0026(localStorage.removeItem(a),l--)}document.documentElement.setAttribute(d,k?\\\"visible\\\":\\\"hidden\\\")}catch(a){console.error(a),document.documentElement.setAttribute(d,\\\"hidden\\\")}})(\\n {},\\n \\\"en\\\",\\n [\\\"en\\\",\\\"fr\\\",\\\"de\\\",\\\"it\\\",\\\"jp\\\",\\\"es\\\",\\\"ko\\\",\\\"cn\\\",\\\"zh-Hant\\\",\\\"ru\\\",\\\"id\\\",\\\"pt-BR\\\"],\\n \\\"data-banner-state\\\",\\n \\\"bannerDismissed\\\",\\n)\"}}],[\"$\",\"$L30\",null,{\"appId\":\"$undefined\",\"autoBoot\":true,\"children\":[\"$\",\"$L31\",null,{\"value\":{\"auth\":\"$undefined\",\"userAuth\":\"$undefined\"},\"children\":[\"$\",\"$L32\",null,{\"value\":{\"subdomain\":\"claude-code\",\"actualSubdomain\":\"claude-code\",\"gitSource\":{\"type\":\"github\",\"owner\":\"anthropics\",\"repo\":\"claude-code-docs\",\"deployBranch\":\"main\",\"contentDirectory\":\"\",\"isPrivate\":true},\"inkeep\":\"$undefined\",\"trieve\":{\"datasetId\":\"742384b6-79fb-49eb-ab37-c53e858af6ad\",\"expectedChunkCount\":20870},\"feedback\":{\"thumbs\":true},\"entitlements\":{\"AI_CHAT\":{\"status\":\"ENABLED\"},\"REMOVE_BRANDING\":{\"status\":\"ENABLED\"},\"CONTEXTUAL_FEEDBACK\":{\"status\":\"ENABLED\",\"enabled\":\"ENABLED\"},\"CODE_SNIPPET_FEEDBACK\":{\"status\":\"ENABLED\",\"enabled\":\"ENABLED\"}},\"buildId\":\"699370cd485147d7463166f8:success\",\"clientVersion\":\"0.0.2493\",\"preview\":\"$undefined\"},\"children\":[\"$\",\"$L33\",null,{\"value\":{\"docsConfig\":{\"theme\":\"mint\",\"$schema\":\"https://mintlify.com/docs.json\",\"name\":\"Claude Code Docs\",\"colors\":{\"primary\":\"#0E0E0E\",\"light\":\"#D4A27F\",\"dark\":\"#0E0E0E\"},\"logo\":{\"light\":\"https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/light.svg?fit=max\u0026auto=format\u0026n=o69F7a6qoW9vboof\u0026q=85\u0026s=536eade682636e84231afce2577f9509\",\"dark\":\"https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/dark.svg?fit=max\u0026auto=format\u0026n=o69F7a6qoW9vboof\u0026q=85\u0026s=0766b3221061e80143e9f300733e640b\"},\"favicon\":\"/favicon.ico\",\"appearance\":\"$15:props:children:props:appearance\",\"background\":{\"color\":{\"light\":\"#FDFDF7\",\"dark\":\"#09090B\"}},\"navbar\":{\"links\":[{\"href\":\"https://platform.claude.com/\",\"label\":\"Claude Developer Platform\"}],\"primary\":{\"type\":\"button\",\"label\":\"Claude Code on the Web\",\"href\":\"https://claude.ai/code\"}},\"navigation\":{\"languages\":[{\"language\":\"en\",\"tabs\":[{\"tab\":\"Getting started\",\"groups\":[{\"group\":\"Getting started\",\"pages\":[\"en/overview\",\"en/quickstart\",\"en/changelog\"]},{\"group\":\"Core concepts\",\"pages\":[\"en/how-claude-code-works\",\"en/features-overview\",\"en/common-workflows\",\"en/best-practices\"]},{\"group\":\"Platforms and integrations\",\"pages\":[\"en/claude-code-on-the-web\",{\"group\":\"Claude Code on desktop\",\"pages\":[\"en/desktop-quickstart\",\"en/desktop\"]},\"en/chrome\",\"en/vs-code\",\"en/jetbrains\",\"en/github-actions\",\"en/gitlab-ci-cd\",\"en/slack\"]}]},{\"tab\":\"Build with Claude Code\",\"groups\":[{\"group\":\"Build with Claude Code\",\"pages\":[\"en/sub-agents\",\"en/agent-teams\",\"en/plugins\",\"en/discover-plugins\",\"en/skills\",\"en/output-styles\",\"en/hooks-guide\",\"en/headless\",\"en/mcp\",\"en/troubleshooting\"]}]},{\"tab\":\"Deployment\",\"groups\":[{\"group\":\"Deployment\",\"pages\":[\"en/third-party-integrations\",\"en/amazon-bedrock\",\"en/google-vertex-ai\",\"en/microsoft-foundry\",\"en/network-config\",\"en/llm-gateway\",\"en/devcontainer\"]}]},{\"tab\":\"Administration\",\"groups\":[{\"group\":\"Administration\",\"pages\":[\"en/setup\",\"en/authentication\",\"en/security\",\"en/server-managed-settings\",\"en/data-usage\",\"en/monitoring-usage\",\"en/costs\",\"en/analytics\",\"en/plugin-marketplaces\"]}]},{\"tab\":\"Configuration\",\"groups\":[{\"group\":\"Configuration\",\"pages\":[\"en/settings\",\"en/permissions\",\"en/sandboxing\",\"en/terminal-config\",\"en/model-config\",\"en/fast-mode\",\"en/memory\",\"en/statusline\",\"en/keybindings\"]}]},{\"tab\":\"Reference\",\"groups\":[{\"group\":\"Reference\",\"pages\":[\"en/cli-reference\",\"en/interactive-mode\",\"en/checkpointing\",\"en/hooks\",\"en/plugins-reference\"]}]},{\"tab\":\"Resources\",\"groups\":[{\"group\":\"Resources\",\"pages\":[\"en/legal-and-compliance\"]}]}]},{\"language\":\"fr\",\"tabs\":[{\"tab\":\"Démarrer\",\"groups\":[{\"group\":\"Démarrer\",\"pages\":[\"fr/overview\",\"fr/quickstart\",\"fr/changelog\"]},{\"group\":\"Concepts fondamentaux\",\"pages\":[\"fr/how-claude-code-works\",\"fr/features-overview\",\"fr/common-workflows\",\"fr/best-practices\"]},{\"group\":\"Plateformes et intégrations\",\"pages\":[\"fr/claude-code-on-the-web\",{\"group\":\"Claude Code sur ordinateur\",\"pages\":[\"fr/desktop-quickstart\",\"fr/desktop\"]},\"fr/chrome\",\"fr/vs-code\",\"fr/jetbrains\",\"fr/github-actions\",\"fr/gitlab-ci-cd\",\"fr/slack\"]}]},{\"tab\":\"Créer avec Claude Code\",\"groups\":[{\"group\":\"Créer avec Claude Code\",\"pages\":[\"fr/sub-agents\",\"fr/agent-teams\",\"fr/plugins\",\"fr/discover-plugins\",\"fr/skills\",\"fr/output-styles\",\"fr/hooks-guide\",\"fr/headless\",\"fr/mcp\",\"fr/troubleshooting\"]}]},{\"tab\":\"Déploiement\",\"groups\":[{\"group\":\"Déploiement\",\"pages\":[\"fr/third-party-integrations\",\"fr/amazon-bedrock\",\"fr/google-vertex-ai\",\"fr/microsoft-foundry\",\"fr/network-config\",\"fr/llm-gateway\",\"fr/devcontainer\"]}]},{\"tab\":\"Administration\",\"groups\":[{\"group\":\"Administration\",\"pages\":[\"fr/setup\",\"fr/authentication\",\"fr/security\",\"fr/server-managed-settings\",\"fr/data-usage\",\"fr/monitoring-usage\",\"fr/costs\",\"fr/analytics\",\"fr/plugin-marketplaces\"]}]},{\"tab\":\"Configuration\",\"groups\":[{\"group\":\"Configuration\",\"pages\":[\"fr/settings\",\"fr/permissions\",\"fr/sandboxing\",\"fr/terminal-config\",\"fr/model-config\",\"fr/fast-mode\",\"fr/memory\",\"fr/statusline\",\"fr/keybindings\"]}]},{\"tab\":\"Référence\",\"groups\":[{\"group\":\"Référence\",\"pages\":[\"fr/cli-reference\",\"fr/interactive-mode\",\"fr/checkpointing\",\"fr/hooks\",\"fr/plugins-reference\"]}]},{\"tab\":\"Ressources\",\"groups\":[{\"group\":\"Ressources\",\"pages\":[\"fr/legal-and-compliance\"]}]}]},{\"language\":\"de\",\"tabs\":[{\"tab\":\"Erste Schritte\",\"groups\":[{\"group\":\"Erste Schritte\",\"pages\":[\"de/overview\",\"de/quickstart\",\"de/changelog\"]},{\"group\":\"Kernkonzepte\",\"pages\":[\"de/how-claude-code-works\",\"de/features-overview\",\"de/common-workflows\",\"de/best-practices\"]},{\"group\":\"Plattformen und Integrationen\",\"pages\":[\"de/claude-code-on-the-web\",{\"group\":\"Claude Code auf dem Desktop\",\"pages\":[\"de/desktop-quickstart\",\"de/desktop\"]},\"de/chrome\",\"de/vs-code\",\"de/jetbrains\",\"de/github-actions\",\"de/gitlab-ci-cd\",\"de/slack\"]}]},{\"tab\":\"Mit Claude Code erstellen\",\"groups\":[{\"group\":\"Mit Claude Code erstellen\",\"pages\":[\"de/sub-agents\",\"de/agent-teams\",\"de/plugins\",\"de/discover-plugins\",\"de/skills\",\"de/output-styles\",\"de/hooks-guide\",\"de/headless\",\"de/mcp\",\"de/troubleshooting\"]}]},{\"tab\":\"Bereitstellung\",\"groups\":[{\"group\":\"Bereitstellung\",\"pages\":[\"de/third-party-integrations\",\"de/amazon-bedrock\",\"de/google-vertex-ai\",\"de/microsoft-foundry\",\"de/network-config\",\"de/llm-gateway\",\"de/devcontainer\"]}]},{\"tab\":\"Verwaltung\",\"groups\":[{\"group\":\"Verwaltung\",\"pages\":[\"de/setup\",\"de/authentication\",\"de/security\",\"de/server-managed-settings\",\"de/data-usage\",\"de/monitoring-usage\",\"de/costs\",\"de/analytics\",\"de/plugin-marketplaces\"]}]},{\"tab\":\"Konfiguration\",\"groups\":[{\"group\":\"Konfiguration\",\"pages\":[\"de/settings\",\"de/permissions\",\"de/sandboxing\",\"de/terminal-config\",\"de/model-config\",\"de/fast-mode\",\"de/memory\",\"de/statusline\",\"de/keybindings\"]}]},{\"tab\":\"Referenz\",\"groups\":[{\"group\":\"Referenz\",\"pages\":[\"de/cli-reference\",\"de/interactive-mode\",\"de/checkpointing\",\"de/hooks\",\"de/plugins-reference\"]}]},{\"tab\":\"Ressourcen\",\"groups\":[{\"group\":\"Ressourcen\",\"pages\":[\"de/legal-and-compliance\"]}]}]},{\"language\":\"it\",\"tabs\":[{\"tab\":\"Guida introduttiva\",\"groups\":[{\"group\":\"Guida introduttiva\",\"pages\":[\"it/overview\",\"it/quickstart\",\"it/changelog\"]},{\"group\":\"Concetti fondamentali\",\"pages\":[\"it/how-claude-code-works\",\"it/features-overview\",\"it/common-workflows\",\"it/best-practices\"]},{\"group\":\"Piattaforme e integrazioni\",\"pages\":[\"it/claude-code-on-the-web\",{\"group\":\"Claude Code sul desktop\",\"pages\":[\"it/desktop-quickstart\",\"it/desktop\"]},\"it/chrome\",\"it/vs-code\",\"it/jetbrains\",\"it/github-actions\",\"it/gitlab-ci-cd\",\"it/slack\"]}]},{\"tab\":\"Sviluppate con Claude Code\",\"groups\":[{\"group\":\"Sviluppate con Claude Code\",\"pages\":[\"it/sub-agents\",\"it/agent-teams\",\"it/plugins\",\"it/discover-plugins\",\"it/skills\",\"it/output-styles\",\"it/hooks-guide\",\"it/headless\",\"it/mcp\",\"it/troubleshooting\"]}]},{\"tab\":\"Distribuzione\",\"groups\":[{\"group\":\"Distribuzione\",\"pages\":[\"it/third-party-integrations\",\"it/amazon-bedrock\",\"it/google-vertex-ai\",\"it/microsoft-foundry\",\"it/network-config\",\"it/llm-gateway\",\"it/devcontainer\"]}]},{\"tab\":\"Amministrazione\",\"groups\":[{\"group\":\"Amministrazione\",\"pages\":[\"it/setup\",\"it/authentication\",\"it/security\",\"it/server-managed-settings\",\"it/data-usage\",\"it/monitoring-usage\",\"it/costs\",\"it/analytics\",\"it/plugin-marketplaces\"]}]},{\"tab\":\"Configurazione\",\"groups\":[{\"group\":\"Configurazione\",\"pages\":[\"it/settings\",\"it/permissions\",\"it/sandboxing\",\"it/terminal-config\",\"it/model-config\",\"it/fast-mode\",\"it/memory\",\"it/statusline\",\"it/keybindings\"]}]},{\"tab\":\"Riferimento\",\"groups\":[{\"group\":\"Riferimento\",\"pages\":[\"it/cli-reference\",\"it/interactive-mode\",\"it/checkpointing\",\"it/hooks\",\"it/plugins-reference\"]}]},{\"tab\":\"Risorse\",\"groups\":[{\"group\":\"Risorse\",\"pages\":[\"it/legal-and-compliance\"]}]}]},{\"language\":\"jp\",\"tabs\":[{\"tab\":\"はじめに\",\"groups\":[{\"group\":\"はじめに\",\"pages\":[\"ja/overview\",\"ja/quickstart\",\"ja/changelog\"]},{\"group\":\"コア概念\",\"pages\":[\"ja/how-claude-code-works\",\"ja/features-overview\",\"ja/common-workflows\",\"ja/best-practices\"]},{\"group\":\"プラットフォームと統合\",\"pages\":[\"ja/claude-code-on-the-web\",{\"group\":\"Claude Code デスクトップ版\",\"pages\":[\"ja/desktop-quickstart\",\"ja/desktop\"]},\"ja/chrome\",\"ja/vs-code\",\"ja/jetbrains\",\"ja/github-actions\",\"ja/gitlab-ci-cd\",\"ja/slack\"]}]},{\"tab\":\"Claude Code で構築する\",\"groups\":[{\"group\":\"Claude Code で構築する\",\"pages\":[\"ja/sub-agents\",\"ja/agent-teams\",\"ja/plugins\",\"ja/discover-plugins\",\"ja/skills\",\"ja/output-styles\",\"ja/hooks-guide\",\"ja/headless\",\"ja/mcp\",\"ja/troubleshooting\"]}]},{\"tab\":\"デプロイ\",\"groups\":[{\"group\":\"デプロイ\",\"pages\":[\"ja/third-party-integrations\",\"ja/amazon-bedrock\",\"ja/google-vertex-ai\",\"ja/microsoft-foundry\",\"ja/network-config\",\"ja/llm-gateway\",\"ja/devcontainer\"]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[\"ja/setup\",\"ja/authentication\",\"ja/security\",\"ja/server-managed-settings\",\"ja/data-usage\",\"ja/monitoring-usage\",\"ja/costs\",\"ja/analytics\",\"ja/plugin-marketplaces\"]}]},{\"tab\":\"設定\",\"groups\":[{\"group\":\"設定\",\"pages\":[\"ja/settings\",\"ja/permissions\",\"ja/sandboxing\",\"ja/terminal-config\",\"ja/model-config\",\"ja/fast-mode\",\"ja/memory\",\"ja/statusline\",\"ja/keybindings\"]}]},{\"tab\":\"リファレンス\",\"groups\":[{\"group\":\"リファレンス\",\"pages\":[\"ja/cli-reference\",\"ja/interactive-mode\",\"ja/checkpointing\",\"ja/hooks\",\"ja/plugins-reference\"]}]},{\"tab\":\"リソース\",\"groups\":[{\"group\":\"リソース\",\"pages\":[\"ja/legal-and-compliance\"]}]}]},{\"language\":\"es\",\"tabs\":[{\"tab\":\"Primeros pasos\",\"groups\":[{\"group\":\"Primeros pasos\",\"pages\":[\"es/overview\",\"es/quickstart\",\"es/changelog\"]},{\"group\":\"Conceptos fundamentales\",\"pages\":[\"es/how-claude-code-works\",\"es/features-overview\",\"es/common-workflows\",\"es/best-practices\"]},{\"group\":\"Plataformas e integraciones\",\"pages\":[\"es/claude-code-on-the-web\",{\"group\":\"Claude Code en escritorio\",\"pages\":[\"es/desktop-quickstart\",\"es/desktop\"]},\"es/chrome\",\"es/vs-code\",\"es/jetbrains\",\"es/github-actions\",\"es/gitlab-ci-cd\",\"es/slack\"]}]},{\"tab\":\"Crear con Claude Code\",\"groups\":[{\"group\":\"Crear con Claude Code\",\"pages\":[\"es/sub-agents\",\"es/agent-teams\",\"es/plugins\",\"es/discover-plugins\",\"es/skills\",\"es/output-styles\",\"es/hooks-guide\",\"es/headless\",\"es/mcp\",\"es/troubleshooting\"]}]},{\"tab\":\"Implementación\",\"groups\":[{\"group\":\"Implementación\",\"pages\":[\"es/third-party-integrations\",\"es/amazon-bedrock\",\"es/google-vertex-ai\",\"es/microsoft-foundry\",\"es/network-config\",\"es/llm-gateway\",\"es/devcontainer\"]}]},{\"tab\":\"Administración\",\"groups\":[{\"group\":\"Administración\",\"pages\":[\"es/setup\",\"es/authentication\",\"es/security\",\"es/server-managed-settings\",\"es/data-usage\",\"es/monitoring-usage\",\"es/costs\",\"es/analytics\",\"es/plugin-marketplaces\"]}]},{\"tab\":\"Configuración\",\"groups\":[{\"group\":\"Configuración\",\"pages\":[\"es/settings\",\"es/permissions\",\"es/sandboxing\",\"es/terminal-config\",\"es/model-config\",\"es/fast-mode\",\"es/memory\",\"es/statusline\",\"es/keybindings\"]}]},{\"tab\":\"Referencia\",\"groups\":[{\"group\":\"Referencia\",\"pages\":[\"es/cli-reference\",\"es/interactive-mode\",\"es/checkpointing\",\"es/hooks\",\"es/plugins-reference\"]}]},{\"tab\":\"Recursos\",\"groups\":[{\"group\":\"Recursos\",\"pages\":[\"es/legal-and-compliance\"]}]}]},{\"language\":\"ko\",\"tabs\":[{\"tab\":\"시작하기\",\"groups\":[{\"group\":\"시작하기\",\"pages\":[\"ko/overview\",\"ko/quickstart\",\"ko/changelog\"]},{\"group\":\"핵심 개념\",\"pages\":[\"ko/how-claude-code-works\",\"ko/features-overview\",\"ko/common-workflows\",\"ko/best-practices\"]},{\"group\":\"플랫폼 및 통합\",\"pages\":[\"ko/claude-code-on-the-web\",{\"group\":\"Claude Code 데스크톱\",\"pages\":[\"ko/desktop-quickstart\",\"ko/desktop\"]},\"ko/chrome\",\"ko/vs-code\",\"ko/jetbrains\",\"ko/github-actions\",\"ko/gitlab-ci-cd\",\"ko/slack\"]}]},{\"tab\":\"Claude Code로 빌드하기\",\"groups\":[{\"group\":\"Claude Code로 빌드하기\",\"pages\":[\"ko/sub-agents\",\"ko/agent-teams\",\"ko/plugins\",\"ko/discover-plugins\",\"ko/skills\",\"ko/output-styles\",\"ko/hooks-guide\",\"ko/headless\",\"ko/mcp\",\"ko/troubleshooting\"]}]},{\"tab\":\"배포\",\"groups\":[{\"group\":\"배포\",\"pages\":[\"ko/third-party-integrations\",\"ko/amazon-bedrock\",\"ko/google-vertex-ai\",\"ko/microsoft-foundry\",\"ko/network-config\",\"ko/llm-gateway\",\"ko/devcontainer\"]}]},{\"tab\":\"관리\",\"groups\":[{\"group\":\"관리\",\"pages\":[\"ko/setup\",\"ko/authentication\",\"ko/security\",\"ko/server-managed-settings\",\"ko/data-usage\",\"ko/monitoring-usage\",\"ko/costs\",\"ko/analytics\",\"ko/plugin-marketplaces\"]}]},{\"tab\":\"구성\",\"groups\":[{\"group\":\"구성\",\"pages\":[\"ko/settings\",\"ko/permissions\",\"ko/sandboxing\",\"ko/terminal-config\",\"ko/model-config\",\"ko/fast-mode\",\"ko/memory\",\"ko/statusline\",\"ko/keybindings\"]}]},{\"tab\":\"참고\",\"groups\":[{\"group\":\"참고\",\"pages\":[\"ko/cli-reference\",\"ko/interactive-mode\",\"ko/checkpointing\",\"ko/hooks\",\"ko/plugins-reference\"]}]},{\"tab\":\"리소스\",\"groups\":[{\"group\":\"리소스\",\"pages\":[\"ko/legal-and-compliance\"]}]}]},{\"language\":\"cn\",\"tabs\":[{\"tab\":\"快速开始\",\"groups\":[{\"group\":\"快速开始\",\"pages\":[\"zh-CN/overview\",\"zh-CN/quickstart\",\"zh-CN/changelog\"]},{\"group\":\"核心概念\",\"pages\":[\"zh-CN/how-claude-code-works\",\"zh-CN/features-overview\",\"zh-CN/common-workflows\",\"zh-CN/best-practices\"]},{\"group\":\"平台和集成\",\"pages\":[\"zh-CN/claude-code-on-the-web\",{\"group\":\"Claude Code 桌面版\",\"pages\":[\"zh-CN/desktop-quickstart\",\"zh-CN/desktop\"]},\"zh-CN/chrome\",\"zh-CN/vs-code\",\"zh-CN/jetbrains\",\"zh-CN/github-actions\",\"zh-CN/gitlab-ci-cd\",\"zh-CN/slack\"]}]},{\"tab\":\"使用 Claude Code 构建\",\"groups\":[{\"group\":\"使用 Claude Code 构建\",\"pages\":[\"zh-CN/sub-agents\",\"zh-CN/agent-teams\",\"zh-CN/plugins\",\"zh-CN/discover-plugins\",\"zh-CN/skills\",\"zh-CN/output-styles\",\"zh-CN/hooks-guide\",\"zh-CN/headless\",\"zh-CN/mcp\",\"zh-CN/troubleshooting\"]}]},{\"tab\":\"部署\",\"groups\":[{\"group\":\"部署\",\"pages\":[\"zh-CN/third-party-integrations\",\"zh-CN/amazon-bedrock\",\"zh-CN/google-vertex-ai\",\"zh-CN/microsoft-foundry\",\"zh-CN/network-config\",\"zh-CN/llm-gateway\",\"zh-CN/devcontainer\"]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[\"zh-CN/setup\",\"zh-CN/authentication\",\"zh-CN/security\",\"zh-CN/server-managed-settings\",\"zh-CN/data-usage\",\"zh-CN/monitoring-usage\",\"zh-CN/costs\",\"zh-CN/analytics\",\"zh-CN/plugin-marketplaces\"]}]},{\"tab\":\"配置\",\"groups\":[{\"group\":\"配置\",\"pages\":[\"zh-CN/settings\",\"zh-CN/permissions\",\"zh-CN/sandboxing\",\"zh-CN/terminal-config\",\"zh-CN/model-config\",\"zh-CN/fast-mode\",\"zh-CN/memory\",\"zh-CN/statusline\",\"zh-CN/keybindings\"]}]},{\"tab\":\"参考\",\"groups\":[{\"group\":\"参考\",\"pages\":[\"zh-CN/cli-reference\",\"zh-CN/interactive-mode\",\"zh-CN/checkpointing\",\"zh-CN/hooks\",\"zh-CN/plugins-reference\"]}]},{\"tab\":\"资源\",\"groups\":[{\"group\":\"资源\",\"pages\":[\"zh-CN/legal-and-compliance\"]}]}]},{\"language\":\"zh-Hant\",\"tabs\":[{\"tab\":\"開始使用\",\"groups\":[{\"group\":\"開始使用\",\"pages\":[\"zh-TW/overview\",\"zh-TW/quickstart\",\"zh-TW/changelog\"]},{\"group\":\"核心概念\",\"pages\":[\"zh-TW/how-claude-code-works\",\"zh-TW/features-overview\",\"zh-TW/common-workflows\",\"zh-TW/best-practices\"]},{\"group\":\"平台和整合\",\"pages\":[\"zh-TW/claude-code-on-the-web\",{\"group\":\"Claude Code 桌面版\",\"pages\":[\"zh-TW/desktop-quickstart\",\"zh-TW/desktop\"]},\"zh-TW/chrome\",\"zh-TW/vs-code\",\"zh-TW/jetbrains\",\"zh-TW/github-actions\",\"zh-TW/gitlab-ci-cd\",\"zh-TW/slack\"]}]},{\"tab\":\"使用 Claude Code 建構\",\"groups\":[{\"group\":\"使用 Claude Code 建構\",\"pages\":[\"zh-TW/sub-agents\",\"zh-TW/agent-teams\",\"zh-TW/plugins\",\"zh-TW/discover-plugins\",\"zh-TW/skills\",\"zh-TW/output-styles\",\"zh-TW/hooks-guide\",\"zh-TW/headless\",\"zh-TW/mcp\",\"zh-TW/troubleshooting\"]}]},{\"tab\":\"部署\",\"groups\":[{\"group\":\"部署\",\"pages\":[\"zh-TW/third-party-integrations\",\"zh-TW/amazon-bedrock\",\"zh-TW/google-vertex-ai\",\"zh-TW/microsoft-foundry\",\"zh-TW/network-config\",\"zh-TW/llm-gateway\",\"zh-TW/devcontainer\"]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[\"zh-TW/setup\",\"zh-TW/authentication\",\"zh-TW/security\",\"zh-TW/server-managed-settings\",\"zh-TW/data-usage\",\"zh-TW/monitoring-usage\",\"zh-TW/costs\",\"zh-TW/analytics\",\"zh-TW/plugin-marketplaces\"]}]},{\"tab\":\"設定\",\"groups\":[{\"group\":\"設定\",\"pages\":[\"zh-TW/settings\",\"zh-TW/permissions\",\"zh-TW/sandboxing\",\"zh-TW/terminal-config\",\"zh-TW/model-config\",\"zh-TW/fast-mode\",\"zh-TW/memory\",\"zh-TW/statusline\",\"zh-TW/keybindings\"]}]},{\"tab\":\"參考資料\",\"groups\":[{\"group\":\"參考資料\",\"pages\":[\"zh-TW/cli-reference\",\"zh-TW/interactive-mode\",\"zh-TW/checkpointing\",\"zh-TW/hooks\",\"zh-TW/plugins-reference\"]}]},{\"tab\":\"資源\",\"groups\":[{\"group\":\"資源\",\"pages\":[\"zh-TW/legal-and-compliance\"]}]}]},{\"language\":\"ru\",\"tabs\":[{\"tab\":\"Начало работы\",\"groups\":[{\"group\":\"Начало работы\",\"pages\":[\"ru/overview\",\"ru/quickstart\",\"ru/changelog\"]},{\"group\":\"Основные концепции\",\"pages\":[\"ru/how-claude-code-works\",\"ru/features-overview\",\"ru/common-workflows\",\"ru/best-practices\"]},{\"group\":\"Платформы и интеграции\",\"pages\":[\"ru/claude-code-on-the-web\",{\"group\":\"Claude Code на рабочем столе\",\"pages\":[\"ru/desktop-quickstart\",\"ru/desktop\"]},\"ru/chrome\",\"ru/vs-code\",\"ru/jetbrains\",\"ru/github-actions\",\"ru/gitlab-ci-cd\",\"ru/slack\"]}]},{\"tab\":\"Разработка с Claude Code\",\"groups\":[{\"group\":\"Разработка с Claude Code\",\"pages\":[\"ru/sub-agents\",\"ru/agent-teams\",\"ru/plugins\",\"ru/discover-plugins\",\"ru/skills\",\"ru/output-styles\",\"ru/hooks-guide\",\"ru/headless\",\"ru/mcp\",\"ru/troubleshooting\"]}]},{\"tab\":\"Развертывание\",\"groups\":[{\"group\":\"Развертывание\",\"pages\":[\"ru/third-party-integrations\",\"ru/amazon-bedrock\",\"ru/google-vertex-ai\",\"ru/microsoft-foundry\",\"ru/network-config\",\"ru/llm-gateway\",\"ru/devcontainer\"]}]},{\"tab\":\"Администрирование\",\"groups\":[{\"group\":\"Администрирование\",\"pages\":[\"ru/setup\",\"ru/authentication\",\"ru/security\",\"ru/server-managed-settings\",\"ru/data-usage\",\"ru/monitoring-usage\",\"ru/costs\",\"ru/analytics\",\"ru/plugin-marketplaces\"]}]},{\"tab\":\"Конфигурация\",\"groups\":[{\"group\":\"Конфигурация\",\"pages\":[\"ru/settings\",\"ru/permissions\",\"ru/sandboxing\",\"ru/terminal-config\",\"ru/model-config\",\"ru/fast-mode\",\"ru/memory\",\"ru/statusline\",\"ru/keybindings\"]}]},{\"tab\":\"Справочник\",\"groups\":[{\"group\":\"Справочник\",\"pages\":[\"ru/cli-reference\",\"ru/interactive-mode\",\"ru/checkpointing\",\"ru/hooks\",\"ru/plugins-reference\"]}]},{\"tab\":\"Ресурсы\",\"groups\":[{\"group\":\"Ресурсы\",\"pages\":[\"ru/legal-and-compliance\"]}]}]},{\"language\":\"id\",\"tabs\":[{\"tab\":\"Memulai\",\"groups\":[{\"group\":\"Memulai\",\"pages\":[\"id/overview\",\"id/quickstart\",\"id/changelog\"]},{\"group\":\"Konsep Inti\",\"pages\":[\"id/how-claude-code-works\",\"id/features-overview\",\"id/common-workflows\",\"id/best-practices\"]},{\"group\":\"Platform dan integrasi\",\"pages\":[\"id/claude-code-on-the-web\",{\"group\":\"Claude Code di desktop\",\"pages\":[\"id/desktop-quickstart\",\"id/desktop\"]},\"id/chrome\",\"id/vs-code\",\"id/jetbrains\",\"id/github-actions\",\"id/gitlab-ci-cd\",\"id/slack\"]}]},{\"tab\":\"Bangun dengan Claude Code\",\"groups\":[{\"group\":\"Bangun dengan Claude Code\",\"pages\":[\"id/sub-agents\",\"id/agent-teams\",\"id/plugins\",\"id/discover-plugins\",\"id/skills\",\"id/output-styles\",\"id/hooks-guide\",\"id/headless\",\"id/mcp\",\"id/troubleshooting\"]}]},{\"tab\":\"Penerapan\",\"groups\":[{\"group\":\"Penerapan\",\"pages\":[\"id/third-party-integrations\",\"id/amazon-bedrock\",\"id/google-vertex-ai\",\"id/microsoft-foundry\",\"id/network-config\",\"id/llm-gateway\",\"id/devcontainer\"]}]},{\"tab\":\"Administrasi\",\"groups\":[{\"group\":\"Administrasi\",\"pages\":[\"id/setup\",\"id/authentication\",\"id/security\",\"id/server-managed-settings\",\"id/data-usage\",\"id/monitoring-usage\",\"id/costs\",\"id/analytics\",\"id/plugin-marketplaces\"]}]},{\"tab\":\"Konfigurasi\",\"groups\":[{\"group\":\"Konfigurasi\",\"pages\":[\"id/settings\",\"id/permissions\",\"id/sandboxing\",\"id/terminal-config\",\"id/model-config\",\"id/fast-mode\",\"id/memory\",\"id/statusline\",\"id/keybindings\"]}]},{\"tab\":\"Referensi\",\"groups\":[{\"group\":\"Referensi\",\"pages\":[\"id/cli-reference\",\"id/interactive-mode\",\"id/checkpointing\",\"id/hooks\",\"id/plugins-reference\"]}]},{\"tab\":\"Sumber Daya\",\"groups\":[{\"group\":\"Sumber Daya\",\"pages\":[\"id/legal-and-compliance\"]}]}]},{\"language\":\"pt-BR\",\"tabs\":[{\"tab\":\"Primeiros passos\",\"groups\":[{\"group\":\"Primeiros passos\",\"pages\":[\"pt/overview\",\"pt/quickstart\",\"pt/changelog\"]},{\"group\":\"Conceitos principais\",\"pages\":[\"pt/how-claude-code-works\",\"pt/features-overview\",\"pt/common-workflows\",\"pt/best-practices\"]},{\"group\":\"Plataformas e integrações\",\"pages\":[\"pt/claude-code-on-the-web\",{\"group\":\"Claude Code no desktop\",\"pages\":[\"pt/desktop-quickstart\",\"pt/desktop\"]},\"pt/chrome\",\"pt/vs-code\",\"pt/jetbrains\",\"pt/github-actions\",\"pt/gitlab-ci-cd\",\"pt/slack\"]}]},{\"tab\":\"Construir com Claude Code\",\"groups\":[{\"group\":\"Construir com Claude Code\",\"pages\":[\"pt/sub-agents\",\"pt/agent-teams\",\"pt/plugins\",\"pt/discover-plugins\",\"pt/skills\",\"pt/output-styles\",\"pt/hooks-guide\",\"pt/headless\",\"pt/mcp\",\"pt/troubleshooting\"]}]},{\"tab\":\"Implantação\",\"groups\":[{\"group\":\"Implantação\",\"pages\":[\"pt/third-party-integrations\",\"pt/amazon-bedrock\",\"pt/google-vertex-ai\",\"pt/microsoft-foundry\",\"pt/network-config\",\"pt/llm-gateway\",\"pt/devcontainer\"]}]},{\"tab\":\"Administração\",\"groups\":[{\"group\":\"Administração\",\"pages\":[\"pt/setup\",\"pt/authentication\",\"pt/security\",\"pt/server-managed-settings\",\"pt/data-usage\",\"pt/monitoring-usage\",\"pt/costs\",\"pt/analytics\",\"pt/plugin-marketplaces\"]}]},{\"tab\":\"Configuração\",\"groups\":[{\"group\":\"Configuração\",\"pages\":[\"pt/settings\",\"pt/permissions\",\"pt/sandboxing\",\"pt/terminal-config\",\"pt/model-config\",\"pt/fast-mode\",\"pt/memory\",\"pt/statusline\",\"pt/keybindings\"]}]},{\"tab\":\"Referência\",\"groups\":[{\"group\":\"Referência\",\"pages\":[\"pt/cli-reference\",\"pt/interactive-mode\",\"pt/checkpointing\",\"pt/hooks\",\"pt/plugins-reference\"]}]},{\"tab\":\"Recursos\",\"groups\":[{\"group\":\"Recursos\",\"pages\":[\"pt/legal-and-compliance\"]}]}]}]},\"footer\":{\"socials\":{\"x\":\"https://x.com/AnthropicAI\",\"linkedin\":\"https://www.linkedin.com/company/anthropicresearch\"},\"links\":[{\"header\":\"Company\",\"items\":[{\"label\":\"Anthropic\",\"href\":\"https://www.anthropic.com/company\"},{\"label\":\"Careers\",\"href\":\"https://www.anthropic.com/careers\"},{\"label\":\"Economic Futures\",\"href\":\"https://www.anthropic.com/economic-futures\"},{\"label\":\"Research\",\"href\":\"https://www.anthropic.com/research\"},{\"label\":\"News\",\"href\":\"https://www.anthropic.com/news\"},{\"label\":\"Trust center\",\"href\":\"https://trust.anthropic.com/\"},{\"label\":\"Transparency\",\"href\":\"https://www.anthropic.com/transparency\"}]},{\"header\":\"Help and security\",\"items\":[{\"label\":\"Availability\",\"href\":\"https://www.anthropic.com/supported-countries\"},{\"label\":\"Status\",\"href\":\"https://status.anthropic.com/\"},{\"label\":\"Support center\",\"href\":\"https://support.claude.com/\"}]},{\"header\":\"Learn\",\"items\":[{\"label\":\"Courses\",\"href\":\"https://www.anthropic.com/learn\"},{\"label\":\"MCP connectors\",\"href\":\"https://claude.com/partners/mcp\"},{\"label\":\"Customer stories\",\"href\":\"https://www.claude.com/customers\"},{\"label\":\"Engineering blog\",\"href\":\"https://www.anthropic.com/engineering\"},{\"label\":\"Events\",\"href\":\"https://www.anthropic.com/events\"},{\"label\":\"Powered by Claude\",\"href\":\"https://claude.com/partners/powered-by-claude\"},{\"label\":\"Service partners\",\"href\":\"https://claude.com/partners/services\"},{\"label\":\"Startups program\",\"href\":\"https://claude.com/programs/startups\"}]},{\"header\":\"Terms and policies\",\"items\":[{\"label\":\"Privacy policy\",\"href\":\"https://www.anthropic.com/legal/privacy\"},{\"label\":\"Disclosure policy\",\"href\":\"https://www.anthropic.com/responsible-disclosure-policy\"},{\"label\":\"Usage policy\",\"href\":\"https://www.anthropic.com/legal/aup\"},{\"label\":\"Commercial terms\",\"href\":\"https://www.anthropic.com/legal/commercial-terms\"},{\"label\":\"Consumer terms\",\"href\":\"https://www.anthropic.com/legal/consumer-terms\"}]}]},\"seo\":{\"metatags\":{\"canonical\":\"https://code.claude.com/docs\"}},\"fonts\":{\"family\":\"Anthropic Sans\"},\"redirects\":[{\"source\":\"/en/iam\",\"destination\":\"/en/authentication\",\"permanent\":true},{\"source\":\"/en/cli-usage\",\"destination\":\"/en/cli-reference\",\"permanent\":true},{\"source\":\"/en/ide-integrations\",\"destination\":\"/en/vs-code\",\"permanent\":true},{\"source\":\"/en/tutorials\",\"destination\":\"/en/common-workflows\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/tutorials\",\"destination\":\"/en/common-workflows\",\"permanent\":true},{\"source\":\"/en/team\",\"destination\":\"/en/authentication\",\"permanent\":true},{\"source\":\"/en/corporate-proxy\",\"destination\":\"/en/network-config\",\"permanent\":true},{\"source\":\"/en/sdk/sdk-headless\",\"destination\":\"/en/headless\",\"permanent\":true},{\"source\":\"/s/claude-code-github-actions\",\"destination\":\"/en/github-actions\",\"permanent\":false},{\"source\":\"/s/claude-code-ide-integrations\",\"destination\":\"/en/ide-integrations\",\"permanent\":false},{\"source\":\"/s/claude-code-worktrees\",\"destination\":\"/en/common-workflows#run-parallel-claude-code-sessions-with-git-worktrees\",\"permanent\":false},{\"source\":\"/s/claude-code-troubleshooting\",\"destination\":\"/en/troubleshooting\",\"permanent\":false},{\"source\":\"/s/claude-code-auto-updater\",\"destination\":\"/en/settings#auto-updater-permission-options\",\"permanent\":false},{\"source\":\"/s/claude-code-mcp\",\"destination\":\"/en/mcp\",\"permanent\":false},{\"source\":\"/s/claude-code-cost\",\"destination\":\"/en/costs\",\"permanent\":false},{\"source\":\"/s/claude-code\",\"destination\":\"/en/overview\",\"permanent\":false},{\"source\":\"/s/claude-code-security\",\"destination\":\"/en/security\",\"permanent\":false},{\"source\":\"/en/agents-and-tools/claude-code/overview\",\"destination\":\"/en/overview\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/common-workflows\",\"destination\":\"/en/common-workflows\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/troubleshooting\",\"destination\":\"/en/troubleshooting\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/overview#notification-setup\",\"destination\":\"/en/setup#notification-setup\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/bedrock-vertex\",\"destination\":\"/en/third-party-integrations\",\"permanent\":true},{\"source\":\"/en/bedrock-vertex\",\"destination\":\"/en/third-party-integrations\",\"permanent\":true},{\"source\":\"/s/claude-code-enterprise-setup\",\"destination\":\"/en/third-party-integrations\",\"permanent\":false},{\"source\":\"/en/bedrock-vertex-proxies\",\"destination\":\"/en/third-party-integrations\",\"permanent\":true},{\"source\":\"/en/getting-started\",\"destination\":\"/en/setup\",\"permanent\":true},{\"source\":\"/en/subagents\",\"destination\":\"/en/sub-agents\",\"permanent\":true},{\"source\":\"/en/azure-ai-foundry\",\"destination\":\"/en/microsoft-foundry\",\"permanent\":true},{\"source\":\"/en/sdk/migration-guide\",\"destination\":\"https://platform.claude.com/docs/en/agent-sdk/migration-guide\",\"permanent\":true},{\"source\":\"/en/slash-commands\",\"destination\":\"/en/skills\",\"permanent\":true}],\"contextual\":{\"options\":[\"copy\",\"view\",\"claude\"],\"display\":\"header\"},\"styling\":{\"latex\":true,\"codeblocks\":\"system\"}},\"docsNavWithMetadata\":{\"global\":null,\"languages\":[{\"language\":\"en\",\"tabs\":[{\"tab\":\"Getting started\",\"groups\":[{\"group\":\"Getting started\",\"pages\":[{\"sidebarTitle\":\"Overview\",\"title\":\"Claude Code overview\",\"description\":\"Claude Code is an agentic coding tool that reads your codebase, edits files, runs commands, and integrates with your development tools. Available in your terminal, IDE, desktop app, and browser.\",\"href\":\"/en/overview\"},{\"title\":\"Quickstart\",\"description\":\"Welcome to Claude Code!\",\"href\":\"/en/quickstart\"},{\"title\":\"Changelog\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/en/changelog\"}]},{\"group\":\"Core concepts\",\"pages\":[{\"title\":\"How Claude Code works\",\"description\":\"Understand the agentic loop, built-in tools, and how Claude Code interacts with your project.\",\"href\":\"/en/how-claude-code-works\"},{\"title\":\"Extend Claude Code\",\"sidebarTitle\":\"Extend Claude Code\",\"description\":\"Understand when to use CLAUDE.md, Skills, subagents, hooks, MCP, and plugins.\",\"href\":\"/en/features-overview\"},{\"title\":\"Common workflows\",\"description\":\"Step-by-step guides for exploring codebases, fixing bugs, refactoring, testing, and other everyday tasks with Claude Code.\",\"href\":\"/en/common-workflows\"},{\"title\":\"Best Practices for Claude Code\",\"sidebarTitle\":\"Best practices\",\"description\":\"Tips and patterns for getting the most out of Claude Code, from configuring your environment to scaling across parallel sessions.\",\"href\":\"/en/best-practices\"}]},{\"group\":\"Platforms and integrations\",\"pages\":[{\"title\":\"Claude Code on the web\",\"description\":\"Run Claude Code tasks asynchronously on secure cloud infrastructure\",\"href\":\"/en/claude-code-on-the-web\"},{\"group\":\"Claude Code on desktop\",\"pages\":[{\"title\":\"Get started with the desktop app\",\"sidebarTitle\":\"Get started\",\"description\":\"Install Claude Code on desktop and start your first coding session\",\"href\":\"/en/desktop-quickstart\"},{\"title\":\"Use Claude Code Desktop\",\"sidebarTitle\":\"Use Desktop\",\"description\":\"Get more out of Claude Code Desktop: parallel sessions with Git isolation, visual diff review, permission modes, connectors, and enterprise configuration.\",\"href\":\"/en/desktop\"}]},{\"title\":\"Use Claude Code with Chrome (beta)\",\"sidebarTitle\":\"Chrome extension (beta)\",\"description\":\"Connect Claude Code to your Chrome browser to test web apps, debug with console logs, automate form filling, and extract data from web pages.\",\"href\":\"/en/chrome\"},{\"title\":\"Use Claude Code in VS Code\",\"sidebarTitle\":\"Visual Studio Code\",\"description\":\"Install and configure the Claude Code extension for VS Code. Get AI coding assistance with inline diffs, @-mentions, plan review, and keyboard shortcuts.\",\"href\":\"/en/vs-code\"},{\"title\":\"JetBrains IDEs\",\"description\":\"Use Claude Code with JetBrains IDEs including IntelliJ, PyCharm, WebStorm, and more\",\"href\":\"/en/jetbrains\"},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Learn about integrating Claude Code into your development workflow with Claude Code GitHub Actions\",\"href\":\"/en/github-actions\"},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Learn about integrating Claude Code into your development workflow with GitLab CI/CD\",\"href\":\"/en/gitlab-ci-cd\"},{\"title\":\"Claude Code in Slack\",\"description\":\"Delegate coding tasks directly from your Slack workspace\",\"href\":\"/en/slack\"}]}]},{\"tab\":\"Build with Claude Code\",\"groups\":[{\"group\":\"Build with Claude Code\",\"pages\":[{\"title\":\"Create custom subagents\",\"description\":\"Create and use specialized AI subagents in Claude Code for task-specific workflows and improved context management.\",\"href\":\"/en/sub-agents\"},{\"title\":\"Orchestrate teams of Claude Code sessions\",\"sidebarTitle\":\"Run agent teams\",\"description\":\"Coordinate multiple Claude Code instances working together as a team, with shared tasks, inter-agent messaging, and centralized management.\",\"href\":\"/en/agent-teams\"},{\"title\":\"Create plugins\",\"sidebarTitle\":\"Create plugins\",\"description\":\"Create custom plugins to extend Claude Code with skills, agents, hooks, and MCP servers.\",\"href\":\"/en/plugins\"},{\"title\":\"Discover and install prebuilt plugins through marketplaces\",\"sidebarTitle\":\"Discover and install prebuilt plugins\",\"description\":\"Find and install plugins from marketplaces to extend Claude Code with new commands, agents, and capabilities.\",\"href\":\"/en/discover-plugins\"},{\"title\":\"Extend Claude with skills\",\"description\":\"Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands.\",\"href\":\"/en/skills\"},{\"title\":\"Output styles\",\"description\":\"Adapt Claude Code for uses beyond software engineering\",\"href\":\"/en/output-styles\"},{\"title\":\"Automate workflows with hooks\",\"sidebarTitle\":\"Automate with hooks\",\"description\":\"Run shell commands automatically when Claude Code edits files, finishes tasks, or needs input. Format code, send notifications, validate commands, and enforce project rules.\",\"href\":\"/en/hooks-guide\"},{\"title\":\"Run Claude Code programmatically\",\"sidebarTitle\":\"Programmatic usage\",\"description\":\"Use the Agent SDK to run Claude Code programmatically from the CLI, Python, or TypeScript.\",\"href\":\"/en/headless\"},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"Connect Claude Code to tools via MCP\",\"description\":\"Learn how to connect Claude Code to your tools with the Model Context Protocol.\",\"href\":\"/en/mcp\"},{\"title\":\"Troubleshooting\",\"description\":\"Discover solutions to common issues with Claude Code installation and usage.\",\"href\":\"/en/troubleshooting\"}]}]},{\"tab\":\"Deployment\",\"groups\":[{\"group\":\"Deployment\",\"pages\":[{\"title\":\"Enterprise deployment overview\",\"sidebarTitle\":\"Overview\",\"description\":\"Learn how Claude Code can integrate with various third-party services and infrastructure to meet enterprise deployment requirements.\",\"href\":\"/en/third-party-integrations\"},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Claude Code on Amazon Bedrock\",\"description\":\"Learn about configuring Claude Code through Amazon Bedrock, including setup, IAM configuration, and troubleshooting.\",\"href\":\"/en/amazon-bedrock\"},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Claude Code on Google Vertex AI\",\"description\":\"Learn about configuring Claude Code through Google Vertex AI, including setup, IAM configuration, and troubleshooting.\",\"href\":\"/en/google-vertex-ai\"},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code on Microsoft Foundry\",\"description\":\"Learn about configuring Claude Code through Microsoft Foundry, including setup, configuration, and troubleshooting.\",\"href\":\"/en/microsoft-foundry\"},{\"sidebarTitle\":\"Network configuration\",\"title\":\"Enterprise network configuration\",\"description\":\"Configure Claude Code for enterprise environments with proxy servers, custom Certificate Authorities (CA), and mutual Transport Layer Security (mTLS) authentication.\",\"href\":\"/en/network-config\"},{\"sidebarTitle\":\"LLM gateway\",\"title\":\"LLM gateway configuration\",\"description\":\"Learn how to configure Claude Code to work with LLM gateway solutions. Covers gateway requirements, authentication configuration, model selection, and provider-specific endpoint setup.\",\"href\":\"/en/llm-gateway\"},{\"title\":\"Development containers\",\"description\":\"Learn about the Claude Code development container for teams that need consistent, secure environments.\",\"href\":\"/en/devcontainer\"}]}]},{\"tab\":\"Administration\",\"groups\":[{\"group\":\"Administration\",\"pages\":[{\"sidebarTitle\":\"Advanced installation\",\"title\":\"Set up Claude Code\",\"description\":\"Install, authenticate, and start using Claude Code on your development machine.\",\"href\":\"/en/setup\"},{\"sidebarTitle\":\"Authentication\",\"title\":\"Authentication\",\"description\":\"Learn how to configure user authentication and credential management for Claude Code in your organization.\",\"href\":\"/en/authentication\"},{\"title\":\"Security\",\"description\":\"Learn about Claude Code's security safeguards and best practices for safe usage.\",\"href\":\"/en/security\"},{\"sidebarTitle\":\"Server-managed settings (beta)\",\"title\":\"Configure server-managed settings (public beta)\",\"description\":\"Centrally configure Claude Code for your organization through server-delivered settings, without requiring device management infrastructure.\",\"href\":\"/en/server-managed-settings\"},{\"title\":\"Data usage\",\"description\":\"Learn about Anthropic's data usage policies for Claude\",\"href\":\"/en/data-usage\"},{\"title\":\"Monitoring\",\"description\":\"Learn how to enable and configure OpenTelemetry for Claude Code.\",\"href\":\"/en/monitoring-usage\"},{\"sidebarTitle\":\"Costs\",\"title\":\"Manage costs effectively\",\"description\":\"Track token usage, set team spend limits, and reduce Claude Code costs with context management, model selection, extended thinking settings, and preprocessing hooks.\",\"href\":\"/en/costs\"},{\"title\":\"Track team usage with analytics\",\"description\":\"View Claude Code usage metrics, track adoption, and measure engineering velocity in the analytics dashboard.\",\"href\":\"/en/analytics\"},{\"title\":\"Create and distribute a plugin marketplace\",\"sidebarTitle\":\"Create and distribute a plugin marketplace\",\"description\":\"Build and host plugin marketplaces to distribute Claude Code extensions across teams and communities.\",\"href\":\"/en/plugin-marketplaces\"}]}]},{\"tab\":\"Configuration\",\"groups\":[{\"group\":\"Configuration\",\"pages\":[{\"sidebarTitle\":\"Settings\",\"title\":\"Claude Code settings\",\"description\":\"Configure Claude Code with global and project-level settings, and environment variables.\",\"href\":\"/en/settings\"},{\"sidebarTitle\":\"Permissions\",\"title\":\"Configure permissions\",\"description\":\"Control what Claude Code can access and do with fine-grained permission rules, modes, and managed policies.\",\"href\":\"/en/permissions\"},{\"title\":\"Sandboxing\",\"description\":\"Learn how Claude Code's sandboxed bash tool provides filesystem and network isolation for safer, more autonomous agent execution.\",\"href\":\"/en/sandboxing\"},{\"sidebarTitle\":\"Terminal configuration\",\"title\":\"Optimize your terminal setup\",\"description\":\"Claude Code works best when your terminal is properly configured. Follow these guidelines to optimize your experience.\",\"href\":\"/en/terminal-config\"},{\"title\":\"Model configuration\",\"description\":\"Learn about the Claude Code model configuration, including model aliases like `opusplan`\",\"href\":\"/en/model-config\"},{\"title\":\"Speed up responses with fast mode\",\"description\":\"Get faster Opus 4.6 responses in Claude Code by toggling fast mode.\",\"href\":\"/en/fast-mode\"},{\"sidebarTitle\":\"Memory management\",\"title\":\"Manage Claude's memory\",\"description\":\"Learn how to manage Claude Code's memory across sessions with different memory locations and best practices.\",\"href\":\"/en/memory\"},{\"title\":\"Customize your status line\",\"sidebarTitle\":\"Customize status line\",\"description\":\"Configure a custom status bar to monitor context window usage, costs, and git status in Claude Code\",\"href\":\"/en/statusline\"},{\"title\":\"Customize keyboard shortcuts\",\"description\":\"Customize keyboard shortcuts in Claude Code with a keybindings configuration file.\",\"href\":\"/en/keybindings\"}]}]},{\"tab\":\"Reference\",\"groups\":[{\"group\":\"Reference\",\"pages\":[{\"title\":\"CLI reference\",\"description\":\"Complete reference for Claude Code command-line interface, including commands and flags.\",\"href\":\"/en/cli-reference\"},{\"title\":\"Interactive mode\",\"description\":\"Complete reference for keyboard shortcuts, input modes, and interactive features in Claude Code sessions.\",\"href\":\"/en/interactive-mode\"},{\"title\":\"Checkpointing\",\"description\":\"Track, rewind, and summarize Claude's edits and conversation to manage session state.\",\"href\":\"/en/checkpointing\"},{\"title\":\"Hooks reference\",\"description\":\"Reference for Claude Code hook events, configuration schema, JSON input/output formats, exit codes, async hooks, prompt hooks, and MCP tool hooks.\",\"href\":\"/en/hooks\"},{\"title\":\"Plugins reference\",\"description\":\"Complete technical reference for Claude Code plugin system, including schemas, CLI commands, and component specifications.\",\"href\":\"/en/plugins-reference\"}]}]},{\"tab\":\"Resources\",\"groups\":[{\"group\":\"Resources\",\"pages\":[{\"title\":\"Legal and compliance\",\"description\":\"Legal agreements, compliance certifications, and security information for Claude Code.\",\"href\":\"/en/legal-and-compliance\"}]}]}]},{\"language\":\"fr\",\"tabs\":[{\"tab\":\"Démarrer\",\"groups\":[{\"group\":\"Démarrer\",\"pages\":[{\"sidebarTitle\":\"Aperçu\",\"title\":\"Aperçu de Claude Code\",\"description\":\"Claude Code est un outil de codage agentique qui lit votre base de code, édite des fichiers, exécute des commandes et s'intègre à vos outils de développement. Disponible dans votre terminal, IDE, application de bureau et navigateur.\",\"href\":\"/fr/overview\"},{\"title\":\"Démarrage rapide\",\"description\":\"Bienvenue dans Claude Code !\",\"href\":\"/fr/quickstart\"},{\"title\":\"Journal des modifications\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/fr/changelog\"}]},{\"group\":\"Concepts fondamentaux\",\"pages\":[{\"title\":\"Comment fonctionne Claude Code\",\"description\":\"Comprenez la boucle agentive, les outils intégrés et comment Claude Code interagit avec votre projet.\",\"href\":\"/fr/how-claude-code-works\"},{\"title\":\"Étendre Claude Code\",\"sidebarTitle\":\"Étendre Claude Code\",\"description\":\"Comprenez quand utiliser CLAUDE.md, Skills, subagents, hooks, MCP et plugins.\",\"href\":\"/fr/features-overview\"},{\"title\":\"Flux de travail courants\",\"description\":\"Guides étape par étape pour explorer les bases de code, corriger les bogues, refactoriser, tester et autres tâches quotidiennes avec Claude Code.\",\"href\":\"/fr/common-workflows\"},{\"title\":\"Bonnes pratiques pour Claude Code\",\"description\":\"Conseils et modèles pour tirer le meilleur parti de Claude Code, de la configuration de votre environnement à la mise à l'échelle sur plusieurs sessions parallèles.\",\"href\":\"/fr/best-practices\"}]},{\"group\":\"Plateformes et intégrations\",\"pages\":[{\"title\":\"Claude Code sur le web\",\"description\":\"Exécutez les tâches Claude Code de manière asynchrone sur une infrastructure cloud sécurisée\",\"href\":\"/fr/claude-code-on-the-web\"},{\"group\":\"Claude Code sur ordinateur\",\"pages\":[{\"title\":\"Desktop quickstart\",\"href\":\"/fr/desktop-quickstart\"},{\"title\":\"Claude Code sur le bureau\",\"description\":\"Exécutez les tâches Claude Code localement ou sur une infrastructure cloud sécurisée avec l'application Claude de bureau\",\"href\":\"/fr/desktop\"}]},{\"title\":\"Utiliser Claude Code avec Chrome (bêta)\",\"sidebarTitle\":\"Extension Chrome (bêta)\",\"description\":\"Connectez Claude Code à votre navigateur Chrome pour tester des applications web, déboguer avec les journaux de console, automatiser le remplissage de formulaires et extraire des données des pages web.\",\"href\":\"/fr/chrome\"},{\"title\":\"Utiliser Claude Code dans VS Code\",\"sidebarTitle\":\"Visual Studio Code\",\"description\":\"Installez et configurez l'extension Claude Code pour VS Code. Obtenez une assistance de codage IA avec des diffs en ligne, des mentions @, un examen du plan et des raccourcis clavier.\",\"href\":\"/fr/vs-code\"},{\"title\":\"JetBrains IDEs\",\"description\":\"Utilisez Claude Code avec les IDEs JetBrains, notamment IntelliJ, PyCharm, WebStorm, et bien d'autres\",\"href\":\"/fr/jetbrains\"},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Découvrez comment intégrer Claude Code dans votre flux de travail de développement avec Claude Code GitHub Actions\",\"href\":\"/fr/github-actions\"},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Découvrez comment intégrer Claude Code dans votre flux de travail de développement avec GitLab CI/CD\",\"href\":\"/fr/gitlab-ci-cd\"},{\"title\":\"Claude Code dans Slack\",\"description\":\"Déléguez les tâches de codage directement depuis votre espace de travail Slack\",\"href\":\"/fr/slack\"}]}]},{\"tab\":\"Créer avec Claude Code\",\"groups\":[{\"group\":\"Créer avec Claude Code\",\"pages\":[{\"title\":\"Créer des sous-agents personnalisés\",\"description\":\"Créez et utilisez des sous-agents IA spécialisés dans Claude Code pour des flux de travail spécifiques à des tâches et une meilleure gestion du contexte.\",\"href\":\"/fr/sub-agents\"},{\"title\":\"Orchestrer des équipes de sessions Claude Code\",\"description\":\"Coordonnez plusieurs instances Claude Code travaillant ensemble en tant qu'équipe, avec des tâches partagées, la messagerie inter-agents et une gestion centralisée.\",\"href\":\"/fr/agent-teams\"},{\"title\":\"Créer des plugins\",\"sidebarTitle\":\"Créer des plugins\",\"description\":\"Créez des plugins personnalisés pour étendre Claude Code avec des skills, des agents, des hooks et des serveurs MCP.\",\"href\":\"/fr/plugins\"},{\"title\":\"Découvrez et installez des plugins prédéfinis via les marketplaces\",\"description\":\"Trouvez et installez des plugins à partir de marketplaces pour étendre Claude Code avec de nouvelles commandes, agents et capacités.\",\"href\":\"/fr/discover-plugins\"},{\"title\":\"Étendre Claude avec des compétences\",\"description\":\"Créez, gérez et partagez des compétences pour étendre les capacités de Claude dans Claude Code. Inclut les commandes slash personnalisées.\",\"href\":\"/fr/skills\"},{\"title\":\"Styles de sortie\",\"description\":\"Adaptez Claude Code pour des usages au-delà de l'ingénierie logicielle\",\"href\":\"/fr/output-styles\"},{\"title\":\"Commencer avec les hooks Claude Code\",\"description\":\"Apprenez à personnaliser et étendre le comportement de Claude Code en enregistrant des commandes shell\",\"href\":\"/fr/hooks-guide\"},{\"title\":\"Exécuter Claude Code par programmation\",\"sidebarTitle\":\"Utilisation programmatique\",\"description\":\"Utilisez l'Agent SDK pour exécuter Claude Code par programmation depuis la CLI, Python ou TypeScript.\",\"href\":\"/fr/headless\"},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"Connecter Claude Code aux outils via MCP\",\"description\":\"Apprenez à connecter Claude Code à vos outils avec le Model Context Protocol.\",\"href\":\"/fr/mcp\"},{\"title\":\"Dépannage\",\"description\":\"Découvrez des solutions aux problèmes courants avec l'installation et l'utilisation de Claude Code.\",\"href\":\"/fr/troubleshooting\"}]}]},{\"tab\":\"Déploiement\",\"groups\":[{\"group\":\"Déploiement\",\"pages\":[{\"title\":\"Aperçu du déploiement en entreprise\",\"sidebarTitle\":\"Aperçu\",\"description\":\"Découvrez comment Claude Code peut s'intégrer à divers services tiers et infrastructures pour répondre aux exigences de déploiement en entreprise.\",\"href\":\"/fr/third-party-integrations\"},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Claude Code sur Amazon Bedrock\",\"description\":\"Découvrez comment configurer Claude Code via Amazon Bedrock, y compris la configuration, la configuration IAM et le dépannage.\",\"href\":\"/fr/amazon-bedrock\"},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Claude Code sur Google Vertex AI\",\"description\":\"Découvrez comment configurer Claude Code via Google Vertex AI, y compris la configuration, la configuration IAM et le dépannage.\",\"href\":\"/fr/google-vertex-ai\"},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code sur Microsoft Foundry\",\"description\":\"Découvrez comment configurer Claude Code via Microsoft Foundry, y compris la configuration, les paramètres et la résolution des problèmes.\",\"href\":\"/fr/microsoft-foundry\"},{\"sidebarTitle\":\"Configuration réseau\",\"title\":\"Configuration réseau d'entreprise\",\"description\":\"Configurez Claude Code pour les environnements d'entreprise avec des serveurs proxy, des autorités de certification (CA) personnalisées et l'authentification mutuelle Transport Layer Security (mTLS).\",\"href\":\"/fr/network-config\"},{\"sidebarTitle\":\"Passerelle LLM\",\"title\":\"Configuration de la passerelle LLM\",\"description\":\"Découvrez comment configurer Claude Code pour fonctionner avec des solutions de passerelle LLM. Couvre les exigences de la passerelle, la configuration de l'authentification, la sélection du modèle et la configuration des points de terminaison spécifiques aux fournisseurs.\",\"href\":\"/fr/llm-gateway\"},{\"title\":\"Conteneurs de développement\",\"description\":\"Découvrez le conteneur de développement Claude Code pour les équipes qui ont besoin d'environnements cohérents et sécurisés.\",\"href\":\"/fr/devcontainer\"}]}]},{\"tab\":\"Administration\",\"groups\":[{\"group\":\"Administration\",\"pages\":[{\"sidebarTitle\":\"Installation avancée\",\"title\":\"Configurer Claude Code\",\"description\":\"Installez, authentifiez-vous et commencez à utiliser Claude Code sur votre machine de développement.\",\"href\":\"/fr/setup\"},{\"title\":\"Authentication\",\"href\":\"/fr/authentication\"},{\"title\":\"Sécurité\",\"description\":\"Découvrez les protections de sécurité de Claude Code et les meilleures pratiques pour une utilisation sûre.\",\"href\":\"/fr/security\"},{\"title\":\"Server managed settings\",\"href\":\"/fr/server-managed-settings\"},{\"title\":\"Utilisation des données\",\"description\":\"Découvrez les politiques d'utilisation des données d'Anthropic pour Claude\",\"href\":\"/fr/data-usage\"},{\"title\":\"Surveillance\",\"description\":\"Découvrez comment activer et configurer OpenTelemetry pour Claude Code.\",\"href\":\"/fr/monitoring-usage\"},{\"sidebarTitle\":\"Coûts\",\"title\":\"Gérer les coûts efficacement\",\"description\":\"Apprenez à suivre et optimiser l'utilisation des tokens et les coûts lors de l'utilisation de Claude Code.\",\"href\":\"/fr/costs\"},{\"title\":\"Analytique\",\"description\":\"Consultez des informations détaillées sur l'utilisation et les métriques de productivité pour le déploiement de Claude Code de votre organisation.\",\"href\":\"/fr/analytics\"},{\"title\":\"Créer et distribuer une place de marché de plugins\",\"sidebarTitle\":\"Créer et distribuer une place de marché de plugins\",\"description\":\"Créez et hébergez des places de marché de plugins pour distribuer les extensions Claude Code dans vos équipes et communautés.\",\"href\":\"/fr/plugin-marketplaces\"}]}]},{\"tab\":\"Configuration\",\"groups\":[{\"group\":\"Configuration\",\"pages\":[{\"sidebarTitle\":\"Paramètres\",\"title\":\"Paramètres Claude Code\",\"description\":\"Configurez Claude Code avec des paramètres globaux et au niveau du projet, ainsi que des variables d'environnement.\",\"href\":\"/fr/settings\"},{\"sidebarTitle\":\"Permissions\",\"title\":\"Configurer les permissions\",\"description\":\"Contrôlez ce que Claude Code peut accéder et faire avec des règles de permission granulaires, des modes et des politiques gérées.\",\"href\":\"/fr/permissions\"},{\"title\":\"Sandboxing\",\"description\":\"Découvrez comment l'outil bash en sandbox de Claude Code offre une isolation du système de fichiers et du réseau pour une exécution d'agent plus sûre et plus autonome.\",\"href\":\"/fr/sandboxing\"},{\"sidebarTitle\":\"Configuration du terminal\",\"title\":\"Optimisez votre configuration de terminal\",\"description\":\"Claude Code fonctionne mieux lorsque votre terminal est correctement configuré. Suivez ces directives pour optimiser votre expérience.\",\"href\":\"/fr/terminal-config\"},{\"title\":\"Configuration du modèle\",\"description\":\"Découvrez la configuration du modèle Claude Code, y compris les alias de modèle comme `opusplan`\",\"href\":\"/fr/model-config\"},{\"title\":\"Fast mode\",\"href\":\"/fr/fast-mode\"},{\"sidebarTitle\":\"Gestion de la mémoire\",\"title\":\"Gérer la mémoire de Claude\",\"description\":\"Apprenez à gérer la mémoire de Claude Code entre les sessions avec différents emplacements de mémoire et les meilleures pratiques.\",\"href\":\"/fr/memory\"},{\"title\":\"Configuration de la ligne d'état\",\"description\":\"Créez une ligne d'état personnalisée pour Claude Code afin d'afficher des informations contextuelles\",\"href\":\"/fr/statusline\"},{\"title\":\"Personnaliser les raccourcis clavier\",\"description\":\"Personnalisez les raccourcis clavier dans Claude Code avec un fichier de configuration des liaisons de touches.\",\"href\":\"/fr/keybindings\"}]}]},{\"tab\":\"Référence\",\"groups\":[{\"group\":\"Référence\",\"pages\":[{\"title\":\"Référence CLI\",\"description\":\"Référence complète pour l'interface de ligne de commande Claude Code, incluant les commandes et les drapeaux.\",\"href\":\"/fr/cli-reference\"},{\"title\":\"Mode interactif\",\"description\":\"Référence complète des raccourcis clavier, modes d'entrée et fonctionnalités interactives dans les sessions Claude Code.\",\"href\":\"/fr/interactive-mode\"},{\"title\":\"Checkpointing\",\"description\":\"Suivez automatiquement et annulez les modifications de Claude pour récupérer rapidement des changements indésirables.\",\"href\":\"/fr/checkpointing\"},{\"title\":\"Référence des hooks\",\"description\":\"Cette page fournit une documentation de référence pour l'implémentation de hooks dans Claude Code.\",\"href\":\"/fr/hooks\"},{\"title\":\"Référence des plugins\",\"description\":\"Référence technique complète du système de plugins Claude Code, incluant les schémas, les commandes CLI et les spécifications des composants.\",\"href\":\"/fr/plugins-reference\"}]}]},{\"tab\":\"Ressources\",\"groups\":[{\"group\":\"Ressources\",\"pages\":[{\"title\":\"Légal et conformité\",\"description\":\"Accords juridiques, certifications de conformité et informations de sécurité pour Claude Code.\",\"href\":\"/fr/legal-and-compliance\"}]}]}]},{\"language\":\"de\",\"tabs\":[{\"tab\":\"Erste Schritte\",\"groups\":[{\"group\":\"Erste Schritte\",\"pages\":[{\"sidebarTitle\":\"Übersicht\",\"title\":\"Claude Code Übersicht\",\"description\":\"Claude Code ist ein agentengestütztes Codierungswerkzeug, das Ihre Codebasis liest, Dateien bearbeitet, Befehle ausführt und sich in Ihre Entwicklungswerkzeuge integriert. Verfügbar in Ihrem Terminal, IDE, Desktop-App und Browser.\",\"href\":\"/de/overview\"},{\"title\":\"Schnellstart\",\"description\":\"Willkommen bei Claude Code!\",\"href\":\"/de/quickstart\"},{\"title\":\"Changelog\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/de/changelog\"}]},{\"group\":\"Kernkonzepte\",\"pages\":[{\"title\":\"Wie Claude Code funktioniert\",\"description\":\"Verstehen Sie die agentengesteuerte Schleife, integrierte Tools und wie Claude Code mit Ihrem Projekt interagiert.\",\"href\":\"/de/how-claude-code-works\"},{\"title\":\"Claude Code erweitern\",\"sidebarTitle\":\"Claude Code erweitern\",\"description\":\"Verstehen Sie, wann Sie CLAUDE.md, Skills, Subagents, Hooks, MCP und Plugins verwenden sollten.\",\"href\":\"/de/features-overview\"},{\"title\":\"Häufige Workflows\",\"description\":\"Schritt-für-Schritt-Anleitungen zum Erkunden von Codebases, Beheben von Fehlern, Refaktorierung, Testen und anderen alltäglichen Aufgaben mit Claude Code.\",\"href\":\"/de/common-workflows\"},{\"title\":\"Best Practices für Claude Code\",\"sidebarTitle\":\"Best Practices\",\"description\":\"Tipps und Muster, um das Beste aus Claude Code herauszuholen – von der Konfiguration Ihrer Umgebung bis zur Skalierung über parallele Sitzungen.\",\"href\":\"/de/best-practices\"}]},{\"group\":\"Plattformen und Integrationen\",\"pages\":[{\"title\":\"Claude Code im Web\",\"description\":\"Führen Sie Claude Code-Aufgaben asynchron auf sicherer Cloud-Infrastruktur aus\",\"href\":\"/de/claude-code-on-the-web\"},{\"group\":\"Claude Code auf dem Desktop\",\"pages\":[{\"title\":\"Desktop quickstart\",\"href\":\"/de/desktop-quickstart\"},{\"title\":\"Claude Code auf dem Desktop\",\"description\":\"Führen Sie Claude Code-Aufgaben lokal oder auf sicherer Cloud-Infrastruktur mit der Claude-Desktop-App aus\",\"href\":\"/de/desktop\"}]},{\"title\":\"Claude Code mit Chrome verwenden (Beta)\",\"sidebarTitle\":\"Chrome-Erweiterung (Beta)\",\"description\":\"Verbinden Sie Claude Code mit Ihrem Chrome-Browser, um Web-Apps zu testen, mit Konsolenprotokollen zu debuggen, Formularausfüllungen zu automatisieren und Daten von Webseiten zu extrahieren.\",\"href\":\"/de/chrome\"},{\"title\":\"Claude Code in VS Code verwenden\",\"description\":\"Installieren und konfigurieren Sie die Claude Code-Erweiterung für VS Code. Erhalten Sie KI-Codierungshilfe mit Inline-Diffs, @-Erwähnungen, Planüberprüfung und Tastaturkürzeln.\",\"href\":\"/de/vs-code\"},{\"title\":\"JetBrains IDEs\",\"description\":\"Verwenden Sie Claude Code mit JetBrains IDEs einschließlich IntelliJ, PyCharm, WebStorm und mehr\",\"href\":\"/de/jetbrains\"},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Erfahren Sie, wie Sie Claude Code in Ihren Entwicklungs-Workflow mit Claude Code GitHub Actions integrieren\",\"href\":\"/de/github-actions\"},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Erfahren Sie, wie Sie Claude Code in Ihren Entwicklungs-Workflow mit GitLab CI/CD integrieren\",\"href\":\"/de/gitlab-ci-cd\"},{\"title\":\"Claude Code in Slack\",\"description\":\"Delegieren Sie Codierungsaufgaben direkt aus Ihrem Slack-Arbeitsbereich\",\"href\":\"/de/slack\"}]}]},{\"tab\":\"Mit Claude Code erstellen\",\"groups\":[{\"group\":\"Mit Claude Code erstellen\",\"pages\":[{\"title\":\"Benutzerdefinierte Subagenten erstellen\",\"description\":\"Erstellen und verwenden Sie spezialisierte KI-Subagenten in Claude Code für aufgabenspezifische Workflows und verbesserte Kontextverwaltung.\",\"href\":\"/de/sub-agents\"},{\"title\":\"Orchestrieren Sie Teams von Claude Code-Sitzungen\",\"sidebarTitle\":\"Agent-Teams ausführen\",\"description\":\"Koordinieren Sie mehrere Claude Code-Instanzen, die zusammen als Team arbeiten, mit gemeinsamen Aufgaben, Messaging zwischen Agenten und zentraler Verwaltung.\",\"href\":\"/de/agent-teams\"},{\"title\":\"Plugins erstellen\",\"sidebarTitle\":\"Plugins erstellen\",\"description\":\"Erstellen Sie benutzerdefinierte Plugins, um Claude Code mit Skills, Agents, Hooks und MCP-Servern zu erweitern.\",\"href\":\"/de/plugins\"},{\"title\":\"Entdecken und installieren Sie vorgefertigte Plugins über Marktplätze\",\"description\":\"Finden und installieren Sie Plugins aus Marktplätzen, um Claude Code mit neuen Befehlen, Agenten und Funktionen zu erweitern.\",\"href\":\"/de/discover-plugins\"},{\"title\":\"Claude mit Skills erweitern\",\"description\":\"Erstellen, verwalten und teilen Sie Skills, um Claudes Fähigkeiten in Claude Code zu erweitern. Beinhaltet benutzerdefinierte Schrägstrich-Befehle.\",\"href\":\"/de/skills\"},{\"title\":\"Ausgabestile\",\"description\":\"Passen Sie Claude Code für Anwendungsfälle über Softwareentwicklung hinaus an\",\"href\":\"/de/output-styles\"},{\"title\":\"Erste Schritte mit Claude Code Hooks\",\"description\":\"Erfahren Sie, wie Sie das Verhalten von Claude Code durch die Registrierung von Shell-Befehlen anpassen und erweitern können\",\"href\":\"/de/hooks-guide\"},{\"title\":\"Claude Code programmgesteuert ausführen\",\"sidebarTitle\":\"Programmgesteuerte Nutzung\",\"description\":\"Verwenden Sie das Agent SDK, um Claude Code programmgesteuert über die CLI, Python oder TypeScript auszuführen.\",\"href\":\"/de/headless\"},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"Claude Code mit Tools über MCP verbinden\",\"description\":\"Erfahren Sie, wie Sie Claude Code mit Ihren Tools über das Model Context Protocol verbinden.\",\"href\":\"/de/mcp\"},{\"title\":\"Fehlerbehebung\",\"description\":\"Entdecken Sie Lösungen für häufige Probleme bei der Installation und Verwendung von Claude Code.\",\"href\":\"/de/troubleshooting\"}]}]},{\"tab\":\"Bereitstellung\",\"groups\":[{\"group\":\"Bereitstellung\",\"pages\":[{\"title\":\"Übersicht zur Enterprise-Bereitstellung\",\"sidebarTitle\":\"Übersicht\",\"description\":\"Erfahren Sie, wie Claude Code mit verschiedenen Drittanbieter-Services und Infrastrukturen integriert werden kann, um Enterprise-Bereitstellungsanforderungen zu erfüllen.\",\"href\":\"/de/third-party-integrations\"},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Claude Code auf Amazon Bedrock\",\"description\":\"Erfahren Sie, wie Sie Claude Code über Amazon Bedrock konfigurieren, einschließlich Setup, IAM-Konfiguration und Fehlerbehebung.\",\"href\":\"/de/amazon-bedrock\"},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Claude Code auf Google Vertex AI\",\"description\":\"Erfahren Sie, wie Sie Claude Code über Google Vertex AI konfigurieren, einschließlich Setup, IAM-Konfiguration und Fehlerbehebung.\",\"href\":\"/de/google-vertex-ai\"},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code auf Microsoft Foundry\",\"description\":\"Erfahren Sie, wie Sie Claude Code über Microsoft Foundry konfigurieren, einschließlich Setup, Konfiguration und Fehlerbehebung.\",\"href\":\"/de/microsoft-foundry\"},{\"sidebarTitle\":\"Netzwerkkonfiguration\",\"title\":\"Enterprise-Netzwerkkonfiguration\",\"description\":\"Konfigurieren Sie Claude Code für Enterprise-Umgebungen mit Proxy-Servern, benutzerdefinierten Zertifizierungsstellen (CA) und gegenseitiger Transport Layer Security (mTLS)-Authentifizierung.\",\"href\":\"/de/network-config\"},{\"sidebarTitle\":\"LLM gateway\",\"title\":\"LLM-Gateway-Konfiguration\",\"description\":\"Erfahren Sie, wie Sie Claude Code für die Zusammenarbeit mit LLM-Gateway-Lösungen konfigurieren. Behandelt Gateway-Anforderungen, Authentifizierungskonfiguration, Modellauswahl und anbieter-spezifisches Endpoint-Setup.\",\"href\":\"/de/llm-gateway\"},{\"title\":\"Entwicklungscontainer\",\"description\":\"Erfahren Sie mehr über den Claude Code-Entwicklungscontainer für Teams, die konsistente, sichere Umgebungen benötigen.\",\"href\":\"/de/devcontainer\"}]}]},{\"tab\":\"Verwaltung\",\"groups\":[{\"group\":\"Verwaltung\",\"pages\":[{\"sidebarTitle\":\"Erweiterte Installation\",\"title\":\"Claude Code einrichten\",\"description\":\"Installieren, authentifizieren und beginnen Sie mit der Verwendung von Claude Code auf Ihrem Entwicklungscomputer.\",\"href\":\"/de/setup\"},{\"title\":\"Authentication\",\"href\":\"/de/authentication\"},{\"title\":\"Sicherheit\",\"description\":\"Erfahren Sie mehr über die Sicherheitsvorkehrungen von Claude Code und bewährte Praktiken für sichere Nutzung.\",\"href\":\"/de/security\"},{\"title\":\"Server managed settings\",\"href\":\"/de/server-managed-settings\"},{\"title\":\"Datennutzung\",\"description\":\"Erfahren Sie mehr über die Datennutzungsrichtlinien von Anthropic für Claude\",\"href\":\"/de/data-usage\"},{\"title\":\"Überwachung\",\"description\":\"Erfahren Sie, wie Sie OpenTelemetry für Claude Code aktivieren und konfigurieren.\",\"href\":\"/de/monitoring-usage\"},{\"sidebarTitle\":\"Kosten\",\"title\":\"Kosten effektiv verwalten\",\"description\":\"Erfahren Sie, wie Sie die Token-Nutzung und Kosten bei der Verwendung von Claude Code verfolgen und optimieren können.\",\"href\":\"/de/costs\"},{\"title\":\"Analytik\",\"description\":\"Zeigen Sie detaillierte Nutzungseinblicke und Produktivitätsmetriken für die Claude Code-Bereitstellung Ihrer Organisation an.\",\"href\":\"/de/analytics\"},{\"title\":\"Erstellen und Verteilen eines Plugin-Marktplatzes\",\"sidebarTitle\":\"Erstellen und Verteilen eines Plugin-Marktplatzes\",\"description\":\"Erstellen und hosten Sie Plugin-Marktplätze, um Claude Code-Erweiterungen in Teams und Communities zu verteilen.\",\"href\":\"/de/plugin-marketplaces\"}]}]},{\"tab\":\"Konfiguration\",\"groups\":[{\"group\":\"Konfiguration\",\"pages\":[{\"sidebarTitle\":\"Einstellungen\",\"title\":\"Claude Code-Einstellungen\",\"description\":\"Konfigurieren Sie Claude Code mit globalen und projektbezogenen Einstellungen sowie Umgebungsvariablen.\",\"href\":\"/de/settings\"},{\"sidebarTitle\":\"Berechtigungen\",\"title\":\"Berechtigungen konfigurieren\",\"description\":\"Kontrollieren Sie, worauf Claude Code zugreifen kann und was es mit granularen Berechtigungsregeln, Modi und verwalteten Richtlinien tun kann.\",\"href\":\"/de/permissions\"},{\"title\":\"Sandboxing\",\"description\":\"Erfahren Sie, wie das Sandboxing-Tool von Claude Code Dateisystem- und Netzwerkisolation bietet, um eine sicherere und autonomere Agent-Ausführung zu ermöglichen.\",\"href\":\"/de/sandboxing\"},{\"sidebarTitle\":\"Terminalkonfiguration\",\"title\":\"Optimieren Sie Ihr Terminal-Setup\",\"description\":\"Claude Code funktioniert am besten, wenn Ihr Terminal richtig konfiguriert ist. Befolgen Sie diese Richtlinien, um Ihr Erlebnis zu optimieren.\",\"href\":\"/de/terminal-config\"},{\"title\":\"Modellkonfiguration\",\"description\":\"Erfahren Sie mehr über die Claude Code Modellkonfiguration, einschließlich Modellaliase wie `opusplan`\",\"href\":\"/de/model-config\"},{\"title\":\"Fast mode\",\"href\":\"/de/fast-mode\"},{\"sidebarTitle\":\"Speicherverwaltung\",\"title\":\"Verwalten Sie Claudes Speicher\",\"description\":\"Erfahren Sie, wie Sie Claudes Code-Speicher über Sitzungen hinweg mit verschiedenen Speicherorten und Best Practices verwalten.\",\"href\":\"/de/memory\"},{\"title\":\"Konfiguration der Statuszeile\",\"description\":\"Erstellen Sie eine benutzerdefinierte Statuszeile für Claude Code, um kontextbezogene Informationen anzuzeigen\",\"href\":\"/de/statusline\"},{\"title\":\"Tastaturkürzel anpassen\",\"description\":\"Passen Sie Tastaturkürzel in Claude Code mit einer Keybindings-Konfigurationsdatei an.\",\"href\":\"/de/keybindings\"}]}]},{\"tab\":\"Referenz\",\"groups\":[{\"group\":\"Referenz\",\"pages\":[{\"title\":\"CLI-Referenz\",\"description\":\"Vollständige Referenz für die Claude Code Befehlszeilenschnittstelle, einschließlich Befehle und Flags.\",\"href\":\"/de/cli-reference\"},{\"title\":\"Interaktiver Modus\",\"description\":\"Vollständige Referenz für Tastaturkürzel, Eingabemodi und interaktive Funktionen in Claude Code-Sitzungen.\",\"href\":\"/de/interactive-mode\"},{\"title\":\"Checkpointing\",\"description\":\"Verfolgen Sie automatisch die Änderungen von Claude und machen Sie unerwünschte Änderungen schnell rückgängig.\",\"href\":\"/de/checkpointing\"},{\"title\":\"Hooks-Referenz\",\"description\":\"Diese Seite bietet Referenzdokumentation zur Implementierung von Hooks in Claude Code.\",\"href\":\"/de/hooks\"},{\"title\":\"Plugins-Referenz\",\"description\":\"Vollständige technische Referenz für das Claude Code Plugin-System, einschließlich Schemas, CLI-Befehle und Komponentenspezifikationen.\",\"href\":\"/de/plugins-reference\"}]}]},{\"tab\":\"Ressourcen\",\"groups\":[{\"group\":\"Ressourcen\",\"pages\":[{\"title\":\"Rechtliche Bestimmungen und Compliance\",\"description\":\"Rechtliche Vereinbarungen, Compliance-Zertifizierungen und Sicherheitsinformationen für Claude Code.\",\"href\":\"/de/legal-and-compliance\"}]}]}]},{\"language\":\"it\",\"tabs\":[{\"tab\":\"Guida introduttiva\",\"groups\":[{\"group\":\"Guida introduttiva\",\"pages\":[{\"sidebarTitle\":\"Panoramica\",\"title\":\"Panoramica di Claude Code\",\"description\":\"Claude Code è uno strumento di codifica agentivo che legge la tua codebase, modifica file, esegue comandi e si integra con i tuoi strumenti di sviluppo. Disponibile nel tuo terminale, IDE, app desktop e browser.\",\"href\":\"/it/overview\"},{\"title\":\"Guida rapida\",\"description\":\"Benvenuto in Claude Code!\",\"href\":\"/it/quickstart\"},{\"title\":\"Changelog\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/it/changelog\"}]},{\"group\":\"Concetti fondamentali\",\"pages\":[{\"title\":\"Come funziona Claude Code\",\"description\":\"Comprendi il ciclo agentico, gli strumenti integrati e come Claude Code interagisce con il tuo progetto.\",\"href\":\"/it/how-claude-code-works\"},{\"title\":\"Estendi Claude Code\",\"sidebarTitle\":\"Estendi Claude Code\",\"description\":\"Comprendi quando utilizzare CLAUDE.md, Skills, subagents, hooks, MCP e plugins.\",\"href\":\"/it/features-overview\"},{\"title\":\"Flussi di lavoro comuni\",\"description\":\"Guide passo dopo passo per esplorare basi di codice, correggere bug, effettuare refactoring, testare e altre attività quotidiane con Claude Code.\",\"href\":\"/it/common-workflows\"},{\"title\":\"Best Practices per Claude Code\",\"description\":\"Suggerimenti e modelli per ottenere il massimo da Claude Code, dalla configurazione dell'ambiente al ridimensionamento tra sessioni parallele.\",\"href\":\"/it/best-practices\"}]},{\"group\":\"Piattaforme e integrazioni\",\"pages\":[{\"title\":\"Claude Code sul web\",\"description\":\"Esegui attività Claude Code in modo asincrono su infrastruttura cloud sicura\",\"href\":\"/it/claude-code-on-the-web\"},{\"group\":\"Claude Code sul desktop\",\"pages\":[{\"title\":\"Desktop quickstart\",\"href\":\"/it/desktop-quickstart\"},{\"title\":\"Claude Code su desktop\",\"description\":\"Esegui attività Claude Code localmente o su infrastruttura cloud sicura con l'app desktop Claude\",\"href\":\"/it/desktop\"}]},{\"title\":\"Usa Claude Code con Chrome (beta)\",\"sidebarTitle\":\"Estensione Chrome (beta)\",\"description\":\"Connetti Claude Code al tuo browser Chrome per testare app web, eseguire il debug con i log della console, automatizzare la compilazione di moduli ed estrarre dati dalle pagine web.\",\"href\":\"/it/chrome\"},{\"title\":\"Usa Claude Code in VS Code\",\"description\":\"Installa e configura l'estensione Claude Code per VS Code. Ottieni assistenza di codifica AI con diff inline, @-mention, revisione del piano e scorciatoie da tastiera.\",\"href\":\"/it/vs-code\"},{\"title\":\"JetBrains IDEs\",\"description\":\"Usa Claude Code con JetBrains IDEs inclusi IntelliJ, PyCharm, WebStorm e altri\",\"href\":\"/it/jetbrains\"},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Scopri come integrare Claude Code nel tuo flusso di lavoro di sviluppo con Claude Code GitHub Actions\",\"href\":\"/it/github-actions\"},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Scopri come integrare Claude Code nel tuo flusso di lavoro di sviluppo con GitLab CI/CD\",\"href\":\"/it/gitlab-ci-cd\"},{\"title\":\"Claude Code in Slack\",\"description\":\"Delega i compiti di codifica direttamente dal tuo workspace Slack\",\"href\":\"/it/slack\"}]}]},{\"tab\":\"Sviluppate con Claude Code\",\"groups\":[{\"group\":\"Sviluppate con Claude Code\",\"pages\":[{\"title\":\"Creare subagent personalizzati\",\"description\":\"Crea e utilizza subagent AI specializzati in Claude Code per flussi di lavoro specifici per attività e una migliore gestione del contesto.\",\"href\":\"/it/sub-agents\"},{\"title\":\"Orchestrare team di sessioni Claude Code\",\"description\":\"Coordinare più istanze di Claude Code che lavorano insieme come un team, con attività condivise, messaggistica tra agenti e gestione centralizzata.\",\"href\":\"/it/agent-teams\"},{\"title\":\"Creare plugin\",\"sidebarTitle\":\"Creare plugin\",\"description\":\"Crea plugin personalizzati per estendere Claude Code con skills, agents, hooks e MCP servers.\",\"href\":\"/it/plugins\"},{\"title\":\"Scopri e installa plugin precostruiti tramite marketplace\",\"description\":\"Trova e installa plugin dai marketplace per estendere Claude Code con nuovi comandi, agenti e funzionalità.\",\"href\":\"/it/discover-plugins\"},{\"title\":\"Estendi Claude con le skill\",\"description\":\"Crea, gestisci e condividi skill per estendere le capacità di Claude in Claude Code. Include comandi slash personalizzati.\",\"href\":\"/it/skills\"},{\"title\":\"Stili di output\",\"description\":\"Adattare Claude Code per usi oltre l'ingegneria del software\",\"href\":\"/it/output-styles\"},{\"title\":\"Iniziare con i hook di Claude Code\",\"description\":\"Scopri come personalizzare ed estendere il comportamento di Claude Code registrando comandi shell\",\"href\":\"/it/hooks-guide\"},{\"title\":\"Eseguire Claude Code a livello di programmazione\",\"description\":\"Utilizza l'Agent SDK per eseguire Claude Code a livello di programmazione dalla CLI, Python o TypeScript.\",\"href\":\"/it/headless\"},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"Connetti Claude Code ai tuoi strumenti tramite MCP\",\"description\":\"Scopri come connettere Claude Code ai tuoi strumenti con il Model Context Protocol.\",\"href\":\"/it/mcp\"},{\"title\":\"Risoluzione dei problemi\",\"description\":\"Scopri soluzioni ai problemi comuni con l'installazione e l'utilizzo di Claude Code.\",\"href\":\"/it/troubleshooting\"}]}]},{\"tab\":\"Distribuzione\",\"groups\":[{\"group\":\"Distribuzione\",\"pages\":[{\"title\":\"Panoramica della distribuzione aziendale\",\"sidebarTitle\":\"Panoramica\",\"description\":\"Scopri come Claude Code può integrarsi con vari servizi di terze parti e infrastrutture per soddisfare i requisiti di distribuzione aziendale.\",\"href\":\"/it/third-party-integrations\"},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Claude Code su Amazon Bedrock\",\"description\":\"Scopri come configurare Claude Code tramite Amazon Bedrock, inclusa la configurazione, la configurazione IAM e la risoluzione dei problemi.\",\"href\":\"/it/amazon-bedrock\"},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Claude Code su Google Vertex AI\",\"description\":\"Scopri come configurare Claude Code tramite Google Vertex AI, inclusa la configurazione, la configurazione IAM e la risoluzione dei problemi.\",\"href\":\"/it/google-vertex-ai\"},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code su Microsoft Foundry\",\"description\":\"Scopri come configurare Claude Code tramite Microsoft Foundry, inclusi setup, configurazione e risoluzione dei problemi.\",\"href\":\"/it/microsoft-foundry\"},{\"sidebarTitle\":\"Configurazione di rete\",\"title\":\"Configurazione di rete aziendale\",\"description\":\"Configurare Claude Code per ambienti aziendali con server proxy, Autorità di Certificazione (CA) personalizzate e autenticazione Transport Layer Security (mTLS) reciproca.\",\"href\":\"/it/network-config\"},{\"sidebarTitle\":\"Gateway LLM\",\"title\":\"Configurazione del gateway LLM\",\"description\":\"Scopri come configurare Claude Code per funzionare con soluzioni di gateway LLM. Copre i requisiti del gateway, la configurazione dell'autenticazione, la selezione del modello e la configurazione degli endpoint specifici del provider.\",\"href\":\"/it/llm-gateway\"},{\"title\":\"Contenitori di sviluppo\",\"description\":\"Scopri il contenitore di sviluppo Claude Code per i team che necessitano di ambienti coerenti e sicuri.\",\"href\":\"/it/devcontainer\"}]}]},{\"tab\":\"Amministrazione\",\"groups\":[{\"group\":\"Amministrazione\",\"pages\":[{\"sidebarTitle\":\"Installazione avanzata\",\"title\":\"Configurare Claude Code\",\"description\":\"Installa, autentica e inizia a utilizzare Claude Code sulla tua macchina di sviluppo.\",\"href\":\"/it/setup\"},{\"title\":\"Authentication\",\"href\":\"/it/authentication\"},{\"title\":\"Sicurezza\",\"description\":\"Scopri le misure di sicurezza di Claude Code e le migliori pratiche per un utilizzo sicuro.\",\"href\":\"/it/security\"},{\"title\":\"Server managed settings\",\"href\":\"/it/server-managed-settings\"},{\"title\":\"Utilizzo dei dati\",\"description\":\"Scopri le politiche di utilizzo dei dati di Anthropic per Claude\",\"href\":\"/it/data-usage\"},{\"title\":\"Monitoraggio\",\"description\":\"Scopri come abilitare e configurare OpenTelemetry per Claude Code.\",\"href\":\"/it/monitoring-usage\"},{\"sidebarTitle\":\"Costi\",\"title\":\"Gestisci i costi in modo efficace\",\"description\":\"Scopri come tracciare e ottimizzare l'utilizzo dei token e i costi quando utilizzi Claude Code.\",\"href\":\"/it/costs\"},{\"title\":\"Analitiche\",\"description\":\"Visualizza approfondimenti dettagliati sull'utilizzo e metriche di produttività per la distribuzione di Claude Code della tua organizzazione.\",\"href\":\"/it/analytics\"},{\"title\":\"Creare e distribuire un marketplace di plugin\",\"sidebarTitle\":\"Creare e distribuire un marketplace di plugin\",\"description\":\"Crea e ospita marketplace di plugin per distribuire estensioni Claude Code tra team e comunità.\",\"href\":\"/it/plugin-marketplaces\"}]}]},{\"tab\":\"Configurazione\",\"groups\":[{\"group\":\"Configurazione\",\"pages\":[{\"sidebarTitle\":\"Impostazioni\",\"title\":\"Impostazioni di Claude Code\",\"description\":\"Configura Claude Code con impostazioni globali e a livello di progetto, e variabili d'ambiente.\",\"href\":\"/it/settings\"},{\"sidebarTitle\":\"Autorizzazioni\",\"title\":\"Configurare le autorizzazioni\",\"description\":\"Controlla cosa Claude Code può accedere e fare con regole di autorizzazione granulari, modalità e politiche gestite.\",\"href\":\"/it/permissions\"},{\"title\":\"Sandboxing\",\"description\":\"Scopri come lo strumento bash in sandbox di Claude Code fornisce isolamento del filesystem e della rete per un'esecuzione dell'agente più sicura e autonoma.\",\"href\":\"/it/sandboxing\"},{\"sidebarTitle\":\"Configurazione del terminale\",\"title\":\"Ottimizza la configurazione del tuo terminale\",\"description\":\"Claude Code funziona al meglio quando il tuo terminale è correttamente configurato. Segui queste linee guida per ottimizzare la tua esperienza.\",\"href\":\"/it/terminal-config\"},{\"title\":\"Configurazione del modello\",\"description\":\"Scopri la configurazione del modello Claude Code, inclusi gli alias dei modelli come `opusplan`\",\"href\":\"/it/model-config\"},{\"title\":\"Fast mode\",\"href\":\"/it/fast-mode\"},{\"sidebarTitle\":\"Gestione della memoria\",\"title\":\"Gestisci la memoria di Claude\",\"description\":\"Scopri come gestire la memoria di Claude Code tra le sessioni con diverse posizioni di memoria e best practice.\",\"href\":\"/it/memory\"},{\"title\":\"Configurazione della barra di stato\",\"description\":\"Crea una barra di stato personalizzata per Claude Code per visualizzare informazioni contestuali\",\"href\":\"/it/statusline\"},{\"title\":\"Personalizza le scorciatoie da tastiera\",\"description\":\"Personalizza le scorciatoie da tastiera in Claude Code con un file di configurazione keybindings.\",\"href\":\"/it/keybindings\"}]}]},{\"tab\":\"Riferimento\",\"groups\":[{\"group\":\"Riferimento\",\"pages\":[{\"title\":\"Riferimento CLI\",\"description\":\"Riferimento completo per l'interfaccia della riga di comando Claude Code, inclusi comandi e flag.\",\"href\":\"/it/cli-reference\"},{\"title\":\"Modalità interattiva\",\"description\":\"Riferimento completo per scorciatoie da tastiera, modalità di input e funzionalità interattive nelle sessioni Claude Code.\",\"href\":\"/it/interactive-mode\"},{\"title\":\"checkpoint\",\"description\":\"Traccia automaticamente e riavvolgi gli edit di Claude per recuperare rapidamente dai cambiamenti indesiderati.\",\"href\":\"/it/checkpointing\"},{\"title\":\"Riferimento degli hook\",\"description\":\"Questa pagina fornisce documentazione di riferimento per l'implementazione degli hook in Claude Code.\",\"href\":\"/it/hooks\"},{\"title\":\"Riferimento dei plugin\",\"description\":\"Riferimento tecnico completo per il sistema di plugin di Claude Code, inclusi schemi, comandi CLI e specifiche dei componenti.\",\"href\":\"/it/plugins-reference\"}]}]},{\"tab\":\"Risorse\",\"groups\":[{\"group\":\"Risorse\",\"pages\":[{\"title\":\"Aspetti legali e conformità\",\"description\":\"Accordi legali, certificazioni di conformità e informazioni sulla sicurezza per Claude Code.\",\"href\":\"/it/legal-and-compliance\"}]}]}]},{\"language\":\"jp\",\"tabs\":[{\"tab\":\"はじめに\",\"groups\":[{\"group\":\"はじめに\",\"pages\":[{\"sidebarTitle\":\"Overview\",\"title\":\"Claude Code の概要\",\"description\":\"Claude Code は、コードベースを読み取り、ファイルを編集し、コマンドを実行し、開発ツールと統合する agentic coding ツールです。ターミナル、IDE、デスクトップアプリ、ブラウザで利用できます。\",\"href\":\"/ja/overview\"},{\"title\":\"クイックスタート\",\"description\":\"Claude Codeへようこそ！\",\"href\":\"/ja/quickstart\"},{\"title\":\"変更履歴\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/ja/changelog\"}]},{\"group\":\"コア概念\",\"pages\":[{\"title\":\"Claude Code の仕組み\",\"description\":\"agentic ループ、組み込みツール、Claude Code がプロジェクトとどのように相互作用するかを理解します。\",\"href\":\"/ja/how-claude-code-works\"},{\"title\":\"Claude Code を拡張する\",\"sidebarTitle\":\"Claude Code を拡張する\",\"description\":\"CLAUDE.md、Skills、subagents、hooks、MCP、plugins をいつ使用するかを理解します。\",\"href\":\"/ja/features-overview\"},{\"title\":\"一般的なワークフロー\",\"description\":\"Claude Code でコードベースの探索、バグ修正、リファクタリング、テスト、その他の日常的なタスクを実行するためのステップバイステップガイド。\",\"href\":\"/ja/common-workflows\"},{\"title\":\"Claude Code のベストプラクティス\",\"sidebarTitle\":\"ベストプラクティス\",\"description\":\"環境設定から並列セッションでのスケーリングまで、Claude Code を最大限に活用するためのヒントとパターン。\",\"href\":\"/ja/best-practices\"}]},{\"group\":\"プラットフォームと統合\",\"pages\":[{\"title\":\"ウェブ上の Claude Code\",\"description\":\"セキュアなクラウドインフラストラクチャで Claude Code タスクを非同期に実行します\",\"href\":\"/ja/claude-code-on-the-web\"},{\"group\":\"Claude Code デスクトップ版\",\"pages\":[{\"title\":\"Desktop quickstart\",\"href\":\"/ja/desktop-quickstart\"},{\"title\":\"デスクトップ上の Claude Code\",\"description\":\"Claude デスクトップアプリを使用して、Claude Code タスクをローカルで実行するか、セキュアなクラウドインフラストラクチャで実行します\",\"href\":\"/ja/desktop\"}]},{\"title\":\"Chrome で Claude Code を使用する（ベータ版）\",\"sidebarTitle\":\"Chrome 拡張機能（ベータ版）\",\"description\":\"Claude Code を Chrome ブラウザに接続して、Web アプリをテストし、コンソールログでデバッグし、フォーム入力を自動化し、Web ページからデータを抽出します。\",\"href\":\"/ja/chrome\"},{\"title\":\"VS Code で Claude Code を使用する\",\"description\":\"Claude Code 拡張機能を VS Code にインストールして設定します。インラインの差分表示、@-メンション、プラン確認、キーボードショートカットを使用した AI コーディング支援を取得します。\",\"href\":\"/ja/vs-code\"},{\"title\":\"JetBrains IDEs\",\"description\":\"Claude CodeをIntelliJ、PyCharm、WebStormなどのJetBrains IDEで使用する\",\"href\":\"/ja/jetbrains\"},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Claude Code を GitHub ワークフローに統合する方法について学びます\",\"href\":\"/ja/github-actions\"},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Claude Code を GitLab CI/CD で開発ワークフローに統合する方法について学びます\",\"href\":\"/ja/gitlab-ci-cd\"},{\"title\":\"Slack での Claude Code\",\"description\":\"Slack ワークスペースから直接コーディングタスクを委任する\",\"href\":\"/ja/slack\"}]}]},{\"tab\":\"Claude Code で構築する\",\"groups\":[{\"group\":\"Claude Code で構築する\",\"pages\":[{\"title\":\"カスタムサブエージェントの作成\",\"description\":\"Claude Code でタスク固有のワークフローと改善されたコンテキスト管理のための特化した AI サブエージェントを作成して使用します。\",\"href\":\"/ja/sub-agents\"},{\"title\":\"Claude Code セッションのチームを調整する\",\"sidebarTitle\":\"エージェントチームを実行する\",\"description\":\"複数の Claude Code インスタンスがチームとして連携して動作するように調整します。共有タスク、エージェント間メッセージング、一元管理を備えています。\",\"href\":\"/ja/agent-teams\"},{\"title\":\"プラグインを作成する\",\"sidebarTitle\":\"プラグインを作成する\",\"description\":\"スキル、エージェント、フック、MCP サーバーを使用して Claude Code を拡張するカスタムプラグインを作成します。\",\"href\":\"/ja/plugins\"},{\"title\":\"マーケットプレイスを通じてプリビルトプラグインを発見してインストールする\",\"description\":\"マーケットプレイスからプラグインを見つけてインストールし、Claude Codeを新しいコマンド、エージェント、機能で拡張します。\",\"href\":\"/ja/discover-plugins\"},{\"title\":\"Claude をスキルで拡張する\",\"description\":\"Claude Code でスキルを作成、管理、共有して Claude の機能を拡張します。カスタムスラッシュコマンドを含みます。\",\"href\":\"/ja/skills\"},{\"title\":\"出力スタイル\",\"description\":\"ソフトウェアエンジニアリング以外の用途に合わせて Claude Code をカスタマイズする\",\"href\":\"/ja/output-styles\"},{\"title\":\"Claude Code フックの使い始め\",\"description\":\"シェルコマンドを登録して Claude Code の動作をカスタマイズおよび拡張する方法を学びます\",\"href\":\"/ja/hooks-guide\"},{\"title\":\"Claude Code をプログラムで実行する\",\"sidebarTitle\":\"プログラムでの使用\",\"description\":\"Agent SDK を使用して、CLI、Python、または TypeScript からプログラムで Claude Code を実行します。\",\"href\":\"/ja/headless\"},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"MCPを使用してClaude Codeをツールに接続する\",\"description\":\"Model Context Protocolを使用してClaude Codeをツールに接続する方法を学びます。\",\"href\":\"/ja/mcp\"},{\"title\":\"トラブルシューティング\",\"description\":\"Claude Codeのインストールと使用に関する一般的な問題の解決策を発見してください。\",\"href\":\"/ja/troubleshooting\"}]}]},{\"tab\":\"デプロイ\",\"groups\":[{\"group\":\"デプロイ\",\"pages\":[{\"title\":\"エンタープライズデプロイメント概要\",\"sidebarTitle\":\"概要\",\"description\":\"Claude Codeがさまざまなサードパーティサービスとインフラストラクチャと統合して、エンタープライズデプロイメント要件を満たす方法について学びます。\",\"href\":\"/ja/third-party-integrations\"},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Amazon Bedrock 上の Claude Code\",\"description\":\"Amazon Bedrock を通じた Claude Code の設定方法（セットアップ、IAM 設定、トラブルシューティングを含む）について学習します。\",\"href\":\"/ja/amazon-bedrock\"},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Google Vertex AI 上の Claude Code\",\"description\":\"Google Vertex AI を通じた Claude Code の設定方法について学びます。セットアップ、IAM 設定、トラブルシューティングを含みます。\",\"href\":\"/ja/google-vertex-ai\"},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code on Microsoft Foundry\",\"description\":\"Microsoft Foundryを通じてClaude Codeを構成する方法について学びます。セットアップ、構成、トラブルシューティングを含みます。\",\"href\":\"/ja/microsoft-foundry\"},{\"sidebarTitle\":\"ネットワーク設定\",\"title\":\"エンタープライズネットワーク設定\",\"description\":\"プロキシサーバー、カスタム認証局（CA）、相互 Transport Layer Security（mTLS）認証を使用して、エンタープライズ環境向けに Claude Code を設定します。\",\"href\":\"/ja/network-config\"},{\"sidebarTitle\":\"LLM gateway\",\"title\":\"LLM gateway設定\",\"description\":\"Claude CodeをLLM gatewayソリューションと連携するための設定方法を学びます。gateway要件、認証設定、モデル選択、プロバイダー固有のエンドポイント設定をカバーしています。\",\"href\":\"/ja/llm-gateway\"},{\"title\":\"開発コンテナ\",\"description\":\"一貫性のある安全な環境が必要なチーム向けのClaude Code開発コンテナについて学びます。\",\"href\":\"/ja/devcontainer\"}]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[{\"sidebarTitle\":\"高度なインストール\",\"title\":\"Claude Code をセットアップする\",\"description\":\"開発マシンに Claude Code をインストール、認証し、使用を開始します。\",\"href\":\"/ja/setup\"},{\"title\":\"Authentication\",\"href\":\"/ja/authentication\"},{\"title\":\"セキュリティ\",\"description\":\"Claude Codeのセキュリティ対策とセキュアな使用方法のベストプラクティスについて学びます。\",\"href\":\"/ja/security\"},{\"title\":\"Server managed settings\",\"href\":\"/ja/server-managed-settings\"},{\"title\":\"データ使用\",\"description\":\"Anthropic の Claude のデータ使用ポリシーについて学習します\",\"href\":\"/ja/data-usage\"},{\"title\":\"監視\",\"description\":\"Claude Code の OpenTelemetry を有効にして設定する方法を学びます。\",\"href\":\"/ja/monitoring-usage\"},{\"sidebarTitle\":\"コスト\",\"title\":\"コストを効果的に管理する\",\"description\":\"Claude Codeを使用する際のトークン使用量とコストを追跡および最適化する方法を学びます。\",\"href\":\"/ja/costs\"},{\"title\":\"分析\",\"description\":\"組織の Claude Code デプロイメントの詳細な使用状況インサイトと生産性メトリクスを表示します。\",\"href\":\"/ja/analytics\"},{\"title\":\"プラグインマーケットプレイスの作成と配布\",\"sidebarTitle\":\"プラグインマーケットプレイスの作成と配布\",\"description\":\"Claude Code 拡張機能を配布するためのプラグインマーケットプレイスを構築およびホストします。\",\"href\":\"/ja/plugin-marketplaces\"}]}]},{\"tab\":\"設定\",\"groups\":[{\"group\":\"設定\",\"pages\":[{\"sidebarTitle\":\"Settings\",\"title\":\"Claude Code の設定\",\"description\":\"Claude Code をグローバル設定とプロジェクトレベルの設定、および環境変数で構成します。\",\"href\":\"/ja/settings\"},{\"sidebarTitle\":\"パーミッション\",\"title\":\"パーミッションの設定\",\"description\":\"きめ細かいパーミッションルール、モード、管理ポリシーを使用して、Claude Code がアクセスして実行できる内容を制御します。\",\"href\":\"/ja/permissions\"},{\"title\":\"サンドボックス化\",\"description\":\"Claude Codeのサンドボックス化されたbashツールがファイルシステムとネットワークの分離を提供し、より安全で自律的なエージェント実行を実現する方法を学びます。\",\"href\":\"/ja/sandboxing\"},{\"sidebarTitle\":\"ターミナル設定\",\"title\":\"ターミナルセットアップを最適化する\",\"description\":\"Claude Codeはターミナルが適切に設定されているときに最適に機能します。これらのガイドラインに従って、エクスペリエンスを最適化してください。\",\"href\":\"/ja/terminal-config\"},{\"title\":\"モデル設定\",\"description\":\"Claude Code のモデル設定について学習します。opusplan などのモデルエイリアスを含みます。\",\"href\":\"/ja/model-config\"},{\"title\":\"Fast mode\",\"href\":\"/ja/fast-mode\"},{\"sidebarTitle\":\"メモリ管理\",\"title\":\"Claudeのメモリを管理する\",\"description\":\"異なるメモリロケーションとベストプラクティスを使用して、セッション間でClaude Codeのメモリを管理する方法を学びます。\",\"href\":\"/ja/memory\"},{\"title\":\"ステータスラインの設定\",\"description\":\"Claude Codeのカスタムステータスラインを作成して、コンテキスト情報を表示します\",\"href\":\"/ja/statusline\"},{\"title\":\"キーボードショートカットのカスタマイズ\",\"description\":\"キーバインディング設定ファイルを使用して Claude Code のキーボードショートカットをカスタマイズします。\",\"href\":\"/ja/keybindings\"}]}]},{\"tab\":\"リファレンス\",\"groups\":[{\"group\":\"リファレンス\",\"pages\":[{\"title\":\"CLI リファレンス\",\"description\":\"Claude Code コマンドラインインターフェースの完全なリファレンス。コマンドとフラグを含みます。\",\"href\":\"/ja/cli-reference\"},{\"title\":\"インタラクティブモード\",\"description\":\"Claude Code セッションのキーボードショートカット、入力モード、インタラクティブ機能の完全なリファレンス。\",\"href\":\"/ja/interactive-mode\"},{\"title\":\"Checkpointing\",\"description\":\"Claude の編集を自動的に追跡し、不要な変更から素早く復旧するために以前の状態に巻き戻します。\",\"href\":\"/ja/checkpointing\"},{\"title\":\"Hooksリファレンス\",\"description\":\"このページでは、Claude Codeでhooksを実装するためのリファレンスドキュメントを提供します。\",\"href\":\"/ja/hooks\"},{\"title\":\"プラグインリファレンス\",\"description\":\"Claude Code プラグインシステムの完全な技術リファレンス。スキーマ、CLI コマンド、コンポーネント仕様を含みます。\",\"href\":\"/ja/plugins-reference\"}]}]},{\"tab\":\"リソース\",\"groups\":[{\"group\":\"リソース\",\"pages\":[{\"title\":\"法的およびコンプライアンス\",\"description\":\"Claude Codeの法的契約、コンプライアンス認証、およびセキュリティ情報。\",\"href\":\"/ja/legal-and-compliance\"}]}]}]},{\"language\":\"es\",\"tabs\":[{\"tab\":\"Primeros pasos\",\"groups\":[{\"group\":\"Primeros pasos\",\"pages\":[{\"sidebarTitle\":\"Descripción general\",\"title\":\"Descripción general de Claude Code\",\"description\":\"Claude Code es una herramienta de codificación agéntica que lee tu base de código, edita archivos, ejecuta comandos e integra con tus herramientas de desarrollo. Disponible en tu terminal, IDE, aplicación de escritorio y navegador.\",\"href\":\"/es/overview\"},{\"title\":\"Guía de inicio rápido\",\"description\":\"¡Bienvenido a Claude Code!\",\"href\":\"/es/quickstart\"},{\"title\":\"Registro de cambios\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/es/changelog\"}]},{\"group\":\"Conceptos fundamentales\",\"pages\":[{\"title\":\"Cómo funciona Claude Code\",\"description\":\"Comprenda el bucle agentico, las herramientas integradas y cómo Claude Code interactúa con su proyecto.\",\"href\":\"/es/how-claude-code-works\"},{\"title\":\"Extender Claude Code\",\"description\":\"Comprenda cuándo usar CLAUDE.md, Skills, subagents, hooks, MCP y plugins.\",\"href\":\"/es/features-overview\"},{\"title\":\"Flujos de trabajo comunes\",\"description\":\"Guías paso a paso para explorar bases de código, corregir errores, refactorizar, probar y otras tareas cotidianas con Claude Code.\",\"href\":\"/es/common-workflows\"},{\"title\":\"Mejores prácticas para Claude Code\",\"description\":\"Consejos y patrones para aprovechar al máximo Claude Code, desde configurar su entorno hasta escalar entre sesiones paralelas.\",\"href\":\"/es/best-practices\"}]},{\"group\":\"Plataformas e integraciones\",\"pages\":[{\"title\":\"Claude Code en la web\",\"description\":\"Ejecuta tareas de Claude Code de forma asincrónica en infraestructura en la nube segura\",\"href\":\"/es/claude-code-on-the-web\"},{\"group\":\"Claude Code en escritorio\",\"pages\":[{\"title\":\"Desktop quickstart\",\"href\":\"/es/desktop-quickstart\"},{\"title\":\"Claude Code en escritorio\",\"description\":\"Ejecuta tareas de Claude Code localmente o en infraestructura en la nube segura con la aplicación de escritorio de Claude\",\"href\":\"/es/desktop\"}]},{\"title\":\"Usar Claude Code con Chrome (beta)\",\"sidebarTitle\":\"Extensión de Chrome (beta)\",\"description\":\"Conecta Claude Code a tu navegador Chrome para probar aplicaciones web, depurar con registros de consola, automatizar el relleno de formularios y extraer datos de páginas web.\",\"href\":\"/es/chrome\"},{\"title\":\"Usar Claude Code en VS Code\",\"description\":\"Instala y configura la extensión Claude Code para VS Code. Obtén asistencia de codificación con IA con diffs en línea, menciones @, revisión de planes y atajos de teclado.\",\"href\":\"/es/vs-code\"},{\"title\":\"JetBrains IDEs\",\"description\":\"Usa Claude Code con JetBrains IDEs incluyendo IntelliJ, PyCharm, WebStorm y más\",\"href\":\"/es/jetbrains\"},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Aprenda a integrar Claude Code en su flujo de trabajo de desarrollo con Claude Code GitHub Actions\",\"href\":\"/es/github-actions\"},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Aprenda a integrar Claude Code en su flujo de trabajo de desarrollo con GitLab CI/CD\",\"href\":\"/es/gitlab-ci-cd\"},{\"title\":\"Claude Code en Slack\",\"description\":\"Delega tareas de codificación directamente desde tu espacio de trabajo de Slack\",\"href\":\"/es/slack\"}]}]},{\"tab\":\"Crear con Claude Code\",\"groups\":[{\"group\":\"Crear con Claude Code\",\"pages\":[{\"title\":\"Crear subagentes personalizados\",\"description\":\"Crea y utiliza subagentes de IA especializados en Claude Code para flujos de trabajo específicos de tareas y una mejor gestión del contexto.\",\"href\":\"/es/sub-agents\"},{\"title\":\"Orquestar equipos de sesiones de Claude Code\",\"description\":\"Coordina múltiples instancias de Claude Code trabajando juntas como un equipo, con tareas compartidas, mensajería entre agentes y gestión centralizada.\",\"href\":\"/es/agent-teams\"},{\"title\":\"Crear plugins\",\"sidebarTitle\":\"Crear plugins\",\"description\":\"Crea plugins personalizados para extender Claude Code con skills, agentes, hooks y servidores MCP.\",\"href\":\"/es/plugins\"},{\"title\":\"Descubre e instala complementos precompilados a través de mercados\",\"description\":\"Encuentra e instala complementos desde mercados para extender Claude Code con nuevos comandos, agentes y capacidades.\",\"href\":\"/es/discover-plugins\"},{\"title\":\"Extender Claude con habilidades\",\"description\":\"Crea, gestiona y comparte habilidades para extender las capacidades de Claude en Claude Code. Incluye comandos de barra diagonal personalizados.\",\"href\":\"/es/skills\"},{\"title\":\"Estilos de salida\",\"description\":\"Adapte Claude Code para usos más allá de la ingeniería de software\",\"href\":\"/es/output-styles\"},{\"title\":\"Comenzar con los hooks de Claude Code\",\"description\":\"Aprende cómo personalizar y extender el comportamiento de Claude Code registrando comandos de shell\",\"href\":\"/es/hooks-guide\"},{\"title\":\"Ejecutar Claude Code mediante programación\",\"description\":\"Utilice el Agent SDK para ejecutar Claude Code mediante programación desde la CLI, Python o TypeScript.\",\"href\":\"/es/headless\"},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"Conecta Claude Code a herramientas a través de MCP\",\"description\":\"Aprende cómo conectar Claude Code a tus herramientas con el Model Context Protocol.\",\"href\":\"/es/mcp\"},{\"title\":\"Solución de problemas\",\"description\":\"Descubre soluciones a problemas comunes con la instalación y uso de Claude Code.\",\"href\":\"/es/troubleshooting\"}]}]},{\"tab\":\"Implementación\",\"groups\":[{\"group\":\"Implementación\",\"pages\":[{\"title\":\"Descripción general de implementación empresarial\",\"sidebarTitle\":\"Descripción general\",\"description\":\"Aprende cómo Claude Code puede integrarse con varios servicios de terceros e infraestructura para cumplir con los requisitos de implementación empresarial.\",\"href\":\"/es/third-party-integrations\"},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Claude Code en Amazon Bedrock\",\"description\":\"Aprenda a configurar Claude Code a través de Amazon Bedrock, incluyendo configuración, configuración de IAM y solución de problemas.\",\"href\":\"/es/amazon-bedrock\"},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Claude Code en Google Vertex AI\",\"description\":\"Aprenda a configurar Claude Code a través de Google Vertex AI, incluyendo configuración, configuración de IAM y solución de problemas.\",\"href\":\"/es/google-vertex-ai\"},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code en Microsoft Foundry\",\"description\":\"Aprende a configurar Claude Code a través de Microsoft Foundry, incluyendo configuración, instalación y solución de problemas.\",\"href\":\"/es/microsoft-foundry\"},{\"sidebarTitle\":\"Configuración de red\",\"title\":\"Configuración de red empresarial\",\"description\":\"Configure Claude Code para entornos empresariales con servidores proxy, Autoridades de Certificación (CA) personalizadas y autenticación mutua de Seguridad de la Capa de Transporte (mTLS).\",\"href\":\"/es/network-config\"},{\"sidebarTitle\":\"Puerta de enlace LLM\",\"title\":\"Configuración de la puerta de enlace LLM\",\"description\":\"Aprende cómo configurar Claude Code para trabajar con soluciones de puerta de enlace LLM. Cubre requisitos de puerta de enlace, configuración de autenticación, selección de modelos y configuración de puntos finales específicos del proveedor.\",\"href\":\"/es/llm-gateway\"},{\"title\":\"Contenedores de desarrollo\",\"description\":\"Aprende sobre el contenedor de desarrollo de Claude Code para equipos que necesitan entornos consistentes y seguros.\",\"href\":\"/es/devcontainer\"}]}]},{\"tab\":\"Administración\",\"groups\":[{\"group\":\"Administración\",\"pages\":[{\"sidebarTitle\":\"Instalación avanzada\",\"title\":\"Configurar Claude Code\",\"description\":\"Instala, autentica y comienza a usar Claude Code en tu máquina de desarrollo.\",\"href\":\"/es/setup\"},{\"title\":\"Authentication\",\"href\":\"/es/authentication\"},{\"title\":\"Seguridad\",\"description\":\"Aprende sobre las medidas de seguridad de Claude Code y las mejores prácticas para un uso seguro.\",\"href\":\"/es/security\"},{\"title\":\"Server managed settings\",\"href\":\"/es/server-managed-settings\"},{\"title\":\"Uso de datos\",\"description\":\"Conozca las políticas de uso de datos de Anthropic para Claude\",\"href\":\"/es/data-usage\"},{\"title\":\"Monitoreo\",\"description\":\"Aprende cómo habilitar y configurar OpenTelemetry para Claude Code.\",\"href\":\"/es/monitoring-usage\"},{\"sidebarTitle\":\"Costos\",\"title\":\"Gestionar costos de manera efectiva\",\"description\":\"Aprende cómo rastrear y optimizar el uso de tokens y costos al usar Claude Code.\",\"href\":\"/es/costs\"},{\"title\":\"Análisis\",\"description\":\"Ver información detallada de uso e indicadores de productividad para la implementación de Claude Code de su organización.\",\"href\":\"/es/analytics\"},{\"title\":\"Crear y distribuir un marketplace de plugins\",\"sidebarTitle\":\"Crear y distribuir un marketplace de plugins\",\"description\":\"Cree y aloje marketplaces de plugins para distribuir extensiones de Claude Code en equipos y comunidades.\",\"href\":\"/es/plugin-marketplaces\"}]}]},{\"tab\":\"Configuración\",\"groups\":[{\"group\":\"Configuración\",\"pages\":[{\"sidebarTitle\":\"Configuración\",\"title\":\"Configuración de Claude Code\",\"description\":\"Configure Claude Code con configuraciones globales y a nivel de proyecto, y variables de entorno.\",\"href\":\"/es/settings\"},{\"sidebarTitle\":\"Permisos\",\"title\":\"Configurar permisos\",\"description\":\"Controle lo que Claude Code puede acceder y hacer con reglas de permisos granulares, modos y políticas administradas.\",\"href\":\"/es/permissions\"},{\"title\":\"Aislamiento de seguridad\",\"description\":\"Aprende cómo la herramienta bash aislada de Claude Code proporciona aislamiento del sistema de archivos y de la red para una ejecución de agentes más segura y autónoma.\",\"href\":\"/es/sandboxing\"},{\"sidebarTitle\":\"Configuración de terminal\",\"title\":\"Optimiza tu configuración de terminal\",\"description\":\"Claude Code funciona mejor cuando tu terminal está correctamente configurada. Sigue estas directrices para optimizar tu experiencia.\",\"href\":\"/es/terminal-config\"},{\"title\":\"Configuración del modelo\",\"description\":\"Aprenda sobre la configuración del modelo Claude Code, incluidos los alias de modelo como `opusplan`\",\"href\":\"/es/model-config\"},{\"title\":\"Fast mode\",\"href\":\"/es/fast-mode\"},{\"sidebarTitle\":\"Gestión de memoria\",\"title\":\"Gestionar la memoria de Claude\",\"description\":\"Aprende cómo gestionar la memoria de Claude Code en diferentes sesiones con diferentes ubicaciones de memoria y mejores prácticas.\",\"href\":\"/es/memory\"},{\"title\":\"Configuración de la línea de estado\",\"description\":\"Crea una línea de estado personalizada para Claude Code para mostrar información contextual\",\"href\":\"/es/statusline\"},{\"title\":\"Personalizar atajos de teclado\",\"description\":\"Personaliza atajos de teclado en Claude Code con un archivo de configuración de keybindings.\",\"href\":\"/es/keybindings\"}]}]},{\"tab\":\"Referencia\",\"groups\":[{\"group\":\"Referencia\",\"pages\":[{\"title\":\"Referencia de CLI\",\"description\":\"Referencia completa de la interfaz de línea de comandos de Claude Code, incluyendo comandos y banderas.\",\"href\":\"/es/cli-reference\"},{\"title\":\"Modo interactivo\",\"description\":\"Referencia completa de atajos de teclado, modos de entrada y características interactivas en sesiones de Claude Code.\",\"href\":\"/es/interactive-mode\"},{\"title\":\"checkpoint\",\"description\":\"Realiza un seguimiento automático y revierte los cambios de Claude para recuperarse rápidamente de cambios no deseados.\",\"href\":\"/es/checkpointing\"},{\"title\":\"Referencia de hooks\",\"description\":\"Esta página proporciona documentación de referencia para implementar hooks en Claude Code.\",\"href\":\"/es/hooks\"},{\"title\":\"Referencia de plugins\",\"description\":\"Referencia técnica completa para el sistema de plugins de Claude Code, incluyendo esquemas, comandos CLI y especificaciones de componentes.\",\"href\":\"/es/plugins-reference\"}]}]},{\"tab\":\"Recursos\",\"groups\":[{\"group\":\"Recursos\",\"pages\":[{\"title\":\"Legal y cumplimiento\",\"description\":\"Acuerdos legales, certificaciones de cumplimiento e información de seguridad para Claude Code.\",\"href\":\"/es/legal-and-compliance\"}]}]}]},{\"language\":\"ko\",\"tabs\":[{\"tab\":\"시작하기\",\"groups\":[{\"group\":\"시작하기\",\"pages\":[{\"sidebarTitle\":\"개요\",\"title\":\"Claude Code 개요\",\"description\":\"Claude Code는 코드베이스를 읽고, 파일을 편집하고, 명령을 실행하고, 개발 도구와 통합하는 에이전트 코딩 도구입니다. 터미널, IDE, 데스크톱 앱, 브라우저에서 사용할 수 있습니다.\",\"href\":\"/ko/overview\"},{\"title\":\"빠른 시작\",\"description\":\"Claude Code에 오신 것을 환영합니다!\",\"href\":\"/ko/quickstart\"},{\"title\":\"변경 로그\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/ko/changelog\"}]},{\"group\":\"핵심 개념\",\"pages\":[{\"title\":\"Claude Code 작동 방식\",\"description\":\"에이전트 루프, 내장 도구, Claude Code가 프로젝트와 상호작용하는 방식을 이해합니다.\",\"href\":\"/ko/how-claude-code-works\"},{\"title\":\"Claude Code 확장하기\",\"sidebarTitle\":\"Claude Code 확장하기\",\"description\":\"CLAUDE.md, Skills, subagents, hooks, MCP, 플러그인을 언제 사용할지 이해합니다.\",\"href\":\"/ko/features-overview\"},{\"title\":\"일반적인 워크플로우\",\"description\":\"Claude Code를 사용하여 코드베이스 탐색, 버그 수정, 리팩토링, 테스트 및 기타 일상적인 작업을 위한 단계별 가이드입니다.\",\"href\":\"/ko/common-workflows\"},{\"title\":\"Claude Code 모범 사례\",\"description\":\"환경 구성부터 병렬 세션 확장까지 Claude Code를 최대한 활용하기 위한 팁과 패턴입니다.\",\"href\":\"/ko/best-practices\"}]},{\"group\":\"플랫폼 및 통합\",\"pages\":[{\"title\":\"웹에서 Claude Code 실행\",\"description\":\"안전한 클라우드 인프라에서 Claude Code 작업을 비동기적으로 실행합니다\",\"href\":\"/ko/claude-code-on-the-web\"},{\"group\":\"Claude Code 데스크톱\",\"pages\":[{\"title\":\"Desktop quickstart\",\"href\":\"/ko/desktop-quickstart\"},{\"title\":\"데스크톱의 Claude Code\",\"description\":\"Claude 데스크톱 앱으로 로컬 또는 보안 클라우드 인프라에서 Claude Code 작업 실행\",\"href\":\"/ko/desktop\"}]},{\"title\":\"Chrome에서 Claude Code 사용하기 (베타)\",\"sidebarTitle\":\"Chrome 확장 프로그램 (베타)\",\"description\":\"Claude Code를 Chrome 브라우저에 연결하여 웹 앱을 테스트하고, 콘솔 로그로 디버깅하며, 양식 작성을 자동화하고, 웹 페이지에서 데이터를 추출합니다.\",\"href\":\"/ko/chrome\"},{\"title\":\"VS Code에서 Claude Code 사용하기\",\"sidebarTitle\":\"Visual Studio Code\",\"description\":\"VS Code용 Claude Code 확장 프로그램을 설치하고 구성합니다. 인라인 diff, @-멘션, 계획 검토 및 키보드 단축키를 통해 AI 코딩 지원을 받습니다.\",\"href\":\"/ko/vs-code\"},{\"title\":\"JetBrains IDEs\",\"description\":\"Claude Code를 IntelliJ, PyCharm, WebStorm 등 JetBrains IDE와 함께 사용하기\",\"href\":\"/ko/jetbrains\"},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Claude Code를 GitHub Actions와 통합하여 개발 워크플로우에 AI 기반 자동화를 추가하는 방법을 알아봅니다\",\"href\":\"/ko/github-actions\"},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Claude Code를 GitLab CI/CD와 함께 개발 워크플로우에 통합하는 방법을 알아봅니다\",\"href\":\"/ko/gitlab-ci-cd\"},{\"title\":\"Slack의 Claude Code\",\"description\":\"Slack 워크스페이스에서 직접 코딩 작업 위임\",\"href\":\"/ko/slack\"}]}]},{\"tab\":\"Claude Code로 빌드하기\",\"groups\":[{\"group\":\"Claude Code로 빌드하기\",\"pages\":[{\"title\":\"사용자 정의 subagent 만들기\",\"description\":\"Claude Code에서 작업별 워크플로우 및 향상된 컨텍스트 관리를 위해 특화된 AI subagent를 만들고 사용합니다.\",\"href\":\"/ko/sub-agents\"},{\"title\":\"Claude Code 세션 팀 조율하기\",\"sidebarTitle\":\"에이전트 팀 실행\",\"description\":\"여러 Claude Code 인스턴스를 팀으로 함께 작동하도록 조율하며, 공유 작업, 에이전트 간 메시징, 중앙 집중식 관리를 지원합니다.\",\"href\":\"/ko/agent-teams\"},{\"title\":\"플러그인 만들기\",\"sidebarTitle\":\"플러그인 만들기\",\"description\":\"Claude Code를 skills, agents, hooks 및 MCP 서버로 확장하는 사용자 정의 플러그인을 만듭니다.\",\"href\":\"/ko/plugins\"},{\"title\":\"마켓플레이스를 통해 미리 빌드된 플러그인 발견 및 설치\",\"description\":\"마켓플레이스에서 플러그인을 찾아 설치하여 Claude Code를 새로운 명령, 에이전트 및 기능으로 확장하세요.\",\"href\":\"/ko/discover-plugins\"},{\"title\":\"Claude를 기술로 확장하기\",\"description\":\"Claude Code에서 기술을 생성, 관리 및 공유하여 Claude의 기능을 확장합니다. 사용자 정의 슬래시 명령어를 포함합니다.\",\"href\":\"/ko/skills\"},{\"title\":\"출력 스타일\",\"description\":\"소프트웨어 엔지니어링 이상의 용도로 Claude Code 적응시키기\",\"href\":\"/ko/output-styles\"},{\"title\":\"Claude Code 훅 시작하기\",\"description\":\"셸 명령을 등록하여 Claude Code의 동작을 사용자 정의하고 확장하는 방법을 알아봅니다\",\"href\":\"/ko/hooks-guide\"},{\"title\":\"Claude Code를 프로그래밍 방식으로 실행하기\",\"sidebarTitle\":\"프로그래밍 방식 사용\",\"description\":\"Agent SDK를 사용하여 CLI, Python 또는 TypeScript에서 Claude Code를 프로그래밍 방식으로 실행합니다.\",\"href\":\"/ko/headless\"},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"MCP를 통해 Claude Code를 도구에 연결\",\"description\":\"Model Context Protocol을 사용하여 Claude Code를 도구에 연결하는 방법을 알아봅니다.\",\"href\":\"/ko/mcp\"},{\"title\":\"문제 해결\",\"description\":\"Claude Code 설치 및 사용 시 발생하는 일반적인 문제에 대한 해결책을 알아보세요.\",\"href\":\"/ko/troubleshooting\"}]}]},{\"tab\":\"배포\",\"groups\":[{\"group\":\"배포\",\"pages\":[{\"title\":\"엔터프라이즈 배포 개요\",\"sidebarTitle\":\"개요\",\"description\":\"Claude Code가 다양한 타사 서비스 및 인프라와 통합되어 엔터프라이즈 배포 요구사항을 충족하는 방법을 알아봅니다.\",\"href\":\"/ko/third-party-integrations\"},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Amazon Bedrock의 Claude Code\",\"description\":\"Amazon Bedrock을 통한 Claude Code 구성, 설정, IAM 구성 및 문제 해결에 대해 알아봅니다.\",\"href\":\"/ko/amazon-bedrock\"},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Google Vertex AI에서 Claude Code 사용하기\",\"description\":\"Google Vertex AI를 통한 Claude Code 구성, 설정, IAM 구성 및 문제 해결에 대해 알아봅니다.\",\"href\":\"/ko/google-vertex-ai\"},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Microsoft Foundry의 Claude Code\",\"description\":\"설정, 구성 및 문제 해결을 포함하여 Microsoft Foundry를 통해 Claude Code를 구성하는 방법을 알아봅니다.\",\"href\":\"/ko/microsoft-foundry\"},{\"sidebarTitle\":\"네트워크 구성\",\"title\":\"엔터프라이즈 네트워크 구성\",\"description\":\"프록시 서버, 사용자 정의 인증 기관(CA), 상호 전송 계층 보안(mTLS) 인증을 통해 엔터프라이즈 환경에서 Claude Code를 구성합니다.\",\"href\":\"/ko/network-config\"},{\"sidebarTitle\":\"LLM gateway\",\"title\":\"LLM gateway 구성\",\"description\":\"Claude Code를 LLM gateway 솔루션과 함께 작동하도록 구성하는 방법을 알아봅니다. Gateway 요구사항, 인증 구성, 모델 선택 및 공급자별 엔드포인트 설정을 다룹니다.\",\"href\":\"/ko/llm-gateway\"},{\"title\":\"개발 컨테이너\",\"description\":\"일관된 보안 환경이 필요한 팀을 위한 Claude Code 개발 컨테이너에 대해 알아보세요.\",\"href\":\"/ko/devcontainer\"}]}]},{\"tab\":\"관리\",\"groups\":[{\"group\":\"관리\",\"pages\":[{\"sidebarTitle\":\"고급 설치\",\"title\":\"Claude Code 설정\",\"description\":\"개발 머신에 Claude Code를 설치, 인증 및 시작하세요.\",\"href\":\"/ko/setup\"},{\"title\":\"Authentication\",\"href\":\"/ko/authentication\"},{\"title\":\"보안\",\"description\":\"Claude Code의 보안 보호 기능과 안전한 사용을 위한 모범 사례에 대해 알아보세요.\",\"href\":\"/ko/security\"},{\"title\":\"Server managed settings\",\"href\":\"/ko/server-managed-settings\"},{\"title\":\"데이터 사용\",\"description\":\"Anthropic의 Claude 데이터 사용 정책에 대해 알아봅니다\",\"href\":\"/ko/data-usage\"},{\"title\":\"모니터링\",\"description\":\"Claude Code에 대한 OpenTelemetry를 활성화하고 구성하는 방법을 알아봅니다.\",\"href\":\"/ko/monitoring-usage\"},{\"sidebarTitle\":\"비용\",\"title\":\"비용을 효과적으로 관리하기\",\"description\":\"Claude Code 사용 시 토큰 사용량과 비용을 추적하고 최적화하는 방법을 알아봅니다.\",\"href\":\"/ko/costs\"},{\"title\":\"분석\",\"description\":\"조직의 Claude Code 배포에 대한 상세한 사용 현황 및 생산성 지표를 확인하세요.\",\"href\":\"/ko/analytics\"},{\"title\":\"플러그인 마켓플레이스 생성 및 배포\",\"sidebarTitle\":\"플러그인 마켓플레이스 생성 및 배포\",\"description\":\"Claude Code 확장 프로그램을 배포하기 위한 플러그인 마켓플레이스를 구축하고 호스팅합니다.\",\"href\":\"/ko/plugin-marketplaces\"}]}]},{\"tab\":\"구성\",\"groups\":[{\"group\":\"구성\",\"pages\":[{\"sidebarTitle\":\"설정\",\"title\":\"Claude Code 설정\",\"description\":\"전역 및 프로젝트 수준 설정과 환경 변수로 Claude Code를 구성합니다.\",\"href\":\"/ko/settings\"},{\"sidebarTitle\":\"권한\",\"title\":\"권한 구성\",\"description\":\"세분화된 권한 규칙, 모드 및 관리형 정책으로 Claude Code가 액세스하고 수행할 수 있는 작업을 제어합니다.\",\"href\":\"/ko/permissions\"},{\"title\":\"샌드박싱\",\"description\":\"Claude Code의 샌드박스된 bash 도구가 파일시스템 및 네트워크 격리를 제공하여 더 안전하고 자율적인 에이전트 실행을 가능하게 하는 방법을 알아봅니다.\",\"href\":\"/ko/sandboxing\"},{\"sidebarTitle\":\"터미널 구성\",\"title\":\"터미널 설정 최적화\",\"description\":\"Claude Code는 터미널이 제대로 구성되었을 때 최적으로 작동합니다. 이 지침을 따라 환경을 최적화하세요.\",\"href\":\"/ko/terminal-config\"},{\"title\":\"모델 구성\",\"description\":\"Claude Code 모델 구성에 대해 알아보기, `opusplan`과 같은 모델 별칭 포함\",\"href\":\"/ko/model-config\"},{\"title\":\"Fast mode\",\"href\":\"/ko/fast-mode\"},{\"sidebarTitle\":\"메모리 관리\",\"title\":\"Claude의 메모리 관리\",\"description\":\"다양한 메모리 위치와 모범 사례를 통해 세션 간 Claude Code의 메모리를 관리하는 방법을 알아봅니다.\",\"href\":\"/ko/memory\"},{\"title\":\"상태 라인 구성\",\"description\":\"Claude Code에 대한 사용자 정의 상태 라인을 만들어 상황별 정보를 표시합니다\",\"href\":\"/ko/statusline\"},{\"title\":\"키보드 단축키 사용자 정의\",\"description\":\"keybindings 구성 파일을 사용하여 Claude Code에서 키보드 단축키를 사용자 정의합니다.\",\"href\":\"/ko/keybindings\"}]}]},{\"tab\":\"참고\",\"groups\":[{\"group\":\"참고\",\"pages\":[{\"title\":\"CLI 참조\",\"description\":\"Claude Code 명령줄 인터페이스의 완전한 참조로, 명령어와 플래그를 포함합니다.\",\"href\":\"/ko/cli-reference\"},{\"title\":\"대화형 모드\",\"description\":\"Claude Code 세션의 키보드 단축키, 입력 모드 및 대화형 기능에 대한 완전한 참조입니다.\",\"href\":\"/ko/interactive-mode\"},{\"title\":\"Checkpointing\",\"description\":\"Claude의 편집을 자동으로 추적하고 원하지 않는 변경 사항에서 빠르게 복구하기 위해 되감기합니다.\",\"href\":\"/ko/checkpointing\"},{\"title\":\"Hooks 참조\",\"description\":\"이 페이지는 Claude Code에서 hooks를 구현하기 위한 참조 문서를 제공합니다.\",\"href\":\"/ko/hooks\"},{\"title\":\"플러그인 참조\",\"description\":\"Claude Code 플러그인 시스템의 완전한 기술 참조, 스키마, CLI 명령어 및 컴포넌트 사양 포함.\",\"href\":\"/ko/plugins-reference\"}]}]},{\"tab\":\"리소스\",\"groups\":[{\"group\":\"리소스\",\"pages\":[{\"title\":\"법률 및 규정 준수\",\"description\":\"Claude Code에 대한 법률 계약, 규정 준수 인증 및 보안 정보.\",\"href\":\"/ko/legal-and-compliance\"}]}]}]},{\"language\":\"cn\",\"tabs\":[{\"tab\":\"快速开始\",\"groups\":[{\"group\":\"快速开始\",\"pages\":[{\"sidebarTitle\":\"概览\",\"title\":\"Claude Code 概览\",\"description\":\"Claude Code 是一个代理编码工具，可以读取你的代码库、编辑文件、运行命令，并与你的开发工具集成。可在终端、IDE、桌面应用和浏览器中使用。\",\"href\":\"/zh-CN/overview\"},{\"title\":\"快速入门\",\"description\":\"欢迎使用 Claude Code！\",\"href\":\"/zh-CN/quickstart\"},{\"title\":\"更新日志\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/zh-CN/changelog\"}]},{\"group\":\"核心概念\",\"pages\":[{\"title\":\"Claude Code 如何工作\",\"description\":\"了解代理循环、内置工具以及 Claude Code 如何与您的项目交互。\",\"href\":\"/zh-CN/how-claude-code-works\"},{\"title\":\"扩展 Claude Code\",\"sidebarTitle\":\"扩展 Claude Code\",\"description\":\"了解何时使用 CLAUDE.md、Skills、subagents、hooks、MCP 和 plugins。\",\"href\":\"/zh-CN/features-overview\"},{\"title\":\"常见工作流程\",\"description\":\"使用 Claude Code 探索代码库、修复错误、重构、测试和其他日常任务的分步指南。\",\"href\":\"/zh-CN/common-workflows\"},{\"title\":\"Claude Code 最佳实践\",\"sidebarTitle\":\"最佳实践\",\"description\":\"从配置环境到跨并行会话扩展，充分利用 Claude Code 的提示和模式。\",\"href\":\"/zh-CN/best-practices\"}]},{\"group\":\"平台和集成\",\"pages\":[{\"title\":\"Claude Code on the web\",\"description\":\"在安全的云基础设施上异步运行 Claude Code 任务\",\"href\":\"/zh-CN/claude-code-on-the-web\"},{\"group\":\"Claude Code 桌面版\",\"pages\":[{\"title\":\"Desktop quickstart\",\"href\":\"/zh-CN/desktop-quickstart\"},{\"title\":\"Claude Code 桌面版\",\"description\":\"在本地或安全的云基础设施上运行 Claude Code 任务，使用 Claude 桌面应用\",\"href\":\"/zh-CN/desktop\"}]},{\"title\":\"在 Chrome 中使用 Claude Code（测试版）\",\"sidebarTitle\":\"Chrome 扩展程序（测试版）\",\"description\":\"将 Claude Code 连接到 Chrome 浏览器，以测试网络应用、使用控制台日志进行调试、自动填充表单以及从网页中提取数据。\",\"href\":\"/zh-CN/chrome\"},{\"title\":\"在 VS Code 中使用 Claude Code\",\"description\":\"安装和配置 VS Code 的 Claude Code 扩展。获得 AI 编码协助，包括内联差异、@-提及、计划审查和快捷键。\",\"href\":\"/zh-CN/vs-code\"},{\"title\":\"JetBrains IDEs\",\"description\":\"在 JetBrains IDEs（包括 IntelliJ、PyCharm、WebStorm 等）中使用 Claude Code\",\"href\":\"/zh-CN/jetbrains\"},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"了解如何将 Claude Code 集成到您的开发工作流中，使用 Claude Code GitHub Actions\",\"href\":\"/zh-CN/github-actions\"},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"了解如何将 Claude Code 集成到您的 GitLab CI/CD 开发工作流中\",\"href\":\"/zh-CN/gitlab-ci-cd\"},{\"title\":\"Slack 中的 Claude Code\",\"description\":\"直接从 Slack 工作区委派编码任务\",\"href\":\"/zh-CN/slack\"}]}]},{\"tab\":\"使用 Claude Code 构建\",\"groups\":[{\"group\":\"使用 Claude Code 构建\",\"pages\":[{\"title\":\"创建自定义 subagents\",\"description\":\"在 Claude Code 中创建和使用专门的 AI subagents，用于特定任务的工作流和改进的上下文管理。\",\"href\":\"/zh-CN/sub-agents\"},{\"title\":\"协调 Claude Code 会话团队\",\"description\":\"协调多个 Claude Code 实例作为一个团队一起工作，具有共享任务、代理间消息传递和集中管理。\",\"href\":\"/zh-CN/agent-teams\"},{\"title\":\"创建插件\",\"sidebarTitle\":\"创建插件\",\"description\":\"创建自定义插件以使用 skills、agents、hooks 和 MCP servers 扩展 Claude Code。\",\"href\":\"/zh-CN/plugins\"},{\"title\":\"通过市场发现和安装预构建插件\",\"description\":\"从市场发现和安装插件，以使用新命令、代理和功能扩展 Claude Code。\",\"href\":\"/zh-CN/discover-plugins\"},{\"title\":\"使用技能扩展 Claude\",\"description\":\"在 Claude Code 中创建、管理和共享技能以扩展 Claude 的功能。包括自定义斜杠命令。\",\"href\":\"/zh-CN/skills\"},{\"title\":\"输出样式\",\"description\":\"将 Claude Code 适配用于软件工程之外的用途\",\"href\":\"/zh-CN/output-styles\"},{\"title\":\"Claude Code 钩子入门\",\"description\":\"学习如何通过注册 shell 命令来自定义和扩展 Claude Code 的行为\",\"href\":\"/zh-CN/hooks-guide\"},{\"title\":\"以编程方式运行 Claude Code\",\"description\":\"使用 Agent SDK 从 CLI、Python 或 TypeScript 以编程方式运行 Claude Code。\",\"sidebarTitle\":\"编程使用\",\"href\":\"/zh-CN/headless\"},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"通过 MCP 将 Claude Code 连接到工具\",\"description\":\"了解如何使用 Model Context Protocol 将 Claude Code 连接到您的工具。\",\"href\":\"/zh-CN/mcp\"},{\"title\":\"故障排除\",\"description\":\"发现 Claude Code 安装和使用中常见问题的解决方案。\",\"href\":\"/zh-CN/troubleshooting\"}]}]},{\"tab\":\"部署\",\"groups\":[{\"group\":\"部署\",\"pages\":[{\"title\":\"企业部署概述\",\"sidebarTitle\":\"概述\",\"description\":\"了解 Claude Code 如何与各种第三方服务和基础设施集成，以满足企业部署需求。\",\"href\":\"/zh-CN/third-party-integrations\"},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Amazon Bedrock 上的 Claude Code\",\"description\":\"了解如何通过 Amazon Bedrock 配置 Claude Code，包括设置、IAM 配置和故障排除。\",\"href\":\"/zh-CN/amazon-bedrock\"},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Google Vertex AI 上的 Claude Code\",\"description\":\"了解如何通过 Google Vertex AI 配置 Claude Code，包括设置、IAM 配置和故障排除。\",\"href\":\"/zh-CN/google-vertex-ai\"},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code on Microsoft Foundry\",\"description\":\"了解如何通过 Microsoft Foundry 配置 Claude Code，包括设置、配置和故障排除。\",\"href\":\"/zh-CN/microsoft-foundry\"},{\"sidebarTitle\":\"网络配置\",\"title\":\"企业网络配置\",\"description\":\"为企业环境配置 Claude Code，支持代理服务器、自定义证书颁发机构 (CA) 和相互传输层安全 (mTLS) 身份验证。\",\"href\":\"/zh-CN/network-config\"},{\"sidebarTitle\":\"LLM gateway\",\"title\":\"LLM gateway 配置\",\"description\":\"了解如何配置 Claude Code 以使用 LLM gateway 解决方案。涵盖网关要求、身份验证配置、模型选择和特定提供商的端点设置。\",\"href\":\"/zh-CN/llm-gateway\"},{\"title\":\"开发容器\",\"description\":\"了解 Claude Code 开发容器，适用于需要一致、安全环境的团队。\",\"href\":\"/zh-CN/devcontainer\"}]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[{\"sidebarTitle\":\"高级安装\",\"title\":\"设置 Claude Code\",\"description\":\"在您的开发机器上安装、认证和开始使用 Claude Code。\",\"href\":\"/zh-CN/setup\"},{\"title\":\"Authentication\",\"href\":\"/zh-CN/authentication\"},{\"title\":\"安全性\",\"description\":\"了解 Claude Code 的安全防护措施和安全使用的最佳实践。\",\"href\":\"/zh-CN/security\"},{\"title\":\"Server managed settings\",\"href\":\"/zh-CN/server-managed-settings\"},{\"title\":\"数据使用\",\"description\":\"了解 Anthropic 对 Claude 的数据使用政策\",\"href\":\"/zh-CN/data-usage\"},{\"title\":\"监控\",\"description\":\"了解如何为 Claude Code 启用和配置 OpenTelemetry。\",\"href\":\"/zh-CN/monitoring-usage\"},{\"sidebarTitle\":\"成本\",\"title\":\"有效管理成本\",\"description\":\"了解如何在使用 Claude Code 时跟踪和优化令牌使用情况和成本。\",\"href\":\"/zh-CN/costs\"},{\"title\":\"分析\",\"description\":\"查看您组织的 Claude Code 部署的详细使用情况洞察和生产力指标。\",\"href\":\"/zh-CN/analytics\"},{\"title\":\"创建和分发 plugin marketplace\",\"description\":\"构建和托管 plugin marketplace，以在团队和社区中分发 Claude Code 扩展。\",\"href\":\"/zh-CN/plugin-marketplaces\"}]}]},{\"tab\":\"配置\",\"groups\":[{\"group\":\"配置\",\"pages\":[{\"sidebarTitle\":\"设置\",\"title\":\"Claude Code 设置\",\"description\":\"使用全局和项目级设置以及环境变量配置 Claude Code。\",\"href\":\"/zh-CN/settings\"},{\"sidebarTitle\":\"权限\",\"title\":\"配置权限\",\"description\":\"通过细粒度权限规则、模式和托管策略来控制 Claude Code 可以访问和执行的操作。\",\"href\":\"/zh-CN/permissions\"},{\"title\":\"沙箱隔离\",\"description\":\"了解 Claude Code 的沙箱化 bash 工具如何提供文件系统和网络隔离，以实现更安全、更自主的代理执行。\",\"href\":\"/zh-CN/sandboxing\"},{\"sidebarTitle\":\"终端配置\",\"title\":\"优化您的终端设置\",\"description\":\"Claude Code 在终端配置正确时效果最佳。请按照这些指南来优化您的体验。\",\"href\":\"/zh-CN/terminal-config\"},{\"title\":\"模型配置\",\"description\":\"了解 Claude Code 模型配置，包括模型别名如 `opusplan`\",\"href\":\"/zh-CN/model-config\"},{\"title\":\"Fast mode\",\"href\":\"/zh-CN/fast-mode\"},{\"sidebarTitle\":\"内存管理\",\"title\":\"管理 Claude 的内存\",\"description\":\"了解如何通过不同的内存位置和最佳实践在会话中管理 Claude Code 的内存。\",\"href\":\"/zh-CN/memory\"},{\"title\":\"状态行配置\",\"description\":\"为 Claude Code 创建自定义状态行以显示上下文信息\",\"href\":\"/zh-CN/statusline\"},{\"title\":\"自定义快捷键\",\"description\":\"使用快捷键配置文件在 Claude Code 中自定义快捷键。\",\"href\":\"/zh-CN/keybindings\"}]}]},{\"tab\":\"参考\",\"groups\":[{\"group\":\"参考\",\"pages\":[{\"title\":\"CLI 参考\",\"description\":\"Claude Code 命令行界面的完整参考，包括命令和标志。\",\"href\":\"/zh-CN/cli-reference\"},{\"title\":\"交互模式\",\"description\":\"Claude Code 会话中键盘快捷键、输入模式和交互功能的完整参考。\",\"href\":\"/zh-CN/interactive-mode\"},{\"title\":\"checkpointing\",\"description\":\"自动跟踪和回退 Claude 的编辑，快速恢复不需要的更改。\",\"href\":\"/zh-CN/checkpointing\"},{\"title\":\"Hooks 参考\",\"description\":\"本页面提供在 Claude Code 中实现 hooks 的参考文档。\",\"href\":\"/zh-CN/hooks\"},{\"title\":\"插件参考\",\"description\":\"Claude Code 插件系统的完整技术参考，包括架构、CLI 命令和组件规范。\",\"href\":\"/zh-CN/plugins-reference\"}]}]},{\"tab\":\"资源\",\"groups\":[{\"group\":\"资源\",\"pages\":[{\"title\":\"法律和合规\",\"description\":\"Claude Code 的法律协议、合规认证和安全信息。\",\"href\":\"/zh-CN/legal-and-compliance\"}]}]}]},{\"language\":\"zh-Hant\",\"tabs\":[{\"tab\":\"開始使用\",\"groups\":[{\"group\":\"開始使用\",\"pages\":[{\"sidebarTitle\":\"概述\",\"title\":\"Claude Code 概述\",\"description\":\"Claude Code 是一個代理編碼工具，可以讀取您的程式碼庫、編輯檔案、執行命令，並與您的開發工具整合。可在您的終端、IDE、桌面應用程式和瀏覽器中使用。\",\"href\":\"/zh-TW/overview\"},{\"title\":\"快速入門\",\"description\":\"歡迎使用 Claude Code！\",\"href\":\"/zh-TW/quickstart\"},{\"title\":\"變更日誌\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/zh-TW/changelog\"}]},{\"group\":\"核心概念\",\"pages\":[{\"title\":\"Claude Code 如何運作\",\"description\":\"了解代理迴圈、內建工具，以及 Claude Code 如何與您的專案互動。\",\"href\":\"/zh-TW/how-claude-code-works\"},{\"title\":\"擴展 Claude Code\",\"sidebarTitle\":\"擴展 Claude Code\",\"description\":\"了解何時使用 CLAUDE.md、Skills、subagents、hooks、MCP 和 plugins。\",\"href\":\"/zh-TW/features-overview\"},{\"title\":\"常見工作流程\",\"description\":\"使用 Claude Code 探索程式碼庫、修復錯誤、重構、測試和其他日常任務的逐步指南。\",\"href\":\"/zh-TW/common-workflows\"},{\"title\":\"Claude Code 最佳實踐\",\"description\":\"從配置環境到跨平行會話擴展，充分利用 Claude Code 的提示和模式。\",\"href\":\"/zh-TW/best-practices\"}]},{\"group\":\"平台和整合\",\"pages\":[{\"title\":\"Claude Code 網頁版\",\"description\":\"在安全的雲端基礎設施上非同步執行 Claude Code 任務\",\"href\":\"/zh-TW/claude-code-on-the-web\"},{\"group\":\"Claude Code 桌面版\",\"pages\":[{\"title\":\"Desktop quickstart\",\"href\":\"/zh-TW/desktop-quickstart\"},{\"title\":\"Claude Code 桌面版\",\"description\":\"在本地或安全的雲端基礎設施上執行 Claude Code 任務，使用 Claude 桌面應用程式\",\"href\":\"/zh-TW/desktop\"}]},{\"title\":\"在 Chrome 中使用 Claude Code（測試版）\",\"sidebarTitle\":\"Chrome 擴充功能（測試版）\",\"description\":\"將 Claude Code 連接到您的 Chrome 瀏覽器，以測試網頁應用程式、使用控制台日誌進行除錯、自動填充表單，以及從網頁中提取資料。\",\"href\":\"/zh-TW/chrome\"},{\"title\":\"在 VS Code 中使用 Claude Code\",\"description\":\"安裝並配置 VS Code 的 Claude Code 擴充功能。透過內聯差異、@-提及、計畫審查和快捷鍵獲得 AI 編碼協助。\",\"href\":\"/zh-TW/vs-code\"},{\"title\":\"JetBrains IDEs\",\"description\":\"使用 Claude Code 與 JetBrains IDEs（包括 IntelliJ、PyCharm、WebStorm 等）\",\"href\":\"/zh-TW/jetbrains\"},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"了解如何將 Claude Code 整合到您的開發工作流程中，使用 Claude Code GitHub Actions\",\"href\":\"/zh-TW/github-actions\"},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"了解如何將 Claude Code 整合到您的 GitLab CI/CD 開發工作流程中\",\"href\":\"/zh-TW/gitlab-ci-cd\"},{\"title\":\"Slack 中的 Claude Code\",\"description\":\"直接從您的 Slack 工作區委派編碼任務\",\"href\":\"/zh-TW/slack\"}]}]},{\"tab\":\"使用 Claude Code 建構\",\"groups\":[{\"group\":\"使用 Claude Code 建構\",\"pages\":[{\"title\":\"建立自訂 subagents\",\"description\":\"在 Claude Code 中建立並使用專門的 AI subagents，用於特定任務的工作流程和改進的上下文管理。\",\"href\":\"/zh-TW/sub-agents\"},{\"title\":\"協調 Claude Code 工作階段團隊\",\"description\":\"協調多個 Claude Code 實例作為團隊一起工作，具有共享任務、代理間訊息傳遞和集中管理。\",\"href\":\"/zh-TW/agent-teams\"},{\"title\":\"建立 plugins\",\"sidebarTitle\":\"建立 plugins\",\"description\":\"建立自訂 plugins 以使用 skills、agents、hooks 和 MCP servers 擴展 Claude Code。\",\"href\":\"/zh-TW/plugins\"},{\"title\":\"通過市場發現並安裝預建插件\",\"description\":\"從市場發現並安裝插件，以使用新命令、代理和功能擴展 Claude Code。\",\"href\":\"/zh-TW/discover-plugins\"},{\"title\":\"使用技能擴展 Claude\",\"description\":\"在 Claude Code 中建立、管理和分享技能以擴展 Claude 的功能。包括自訂斜線命令。\",\"href\":\"/zh-TW/skills\"},{\"title\":\"輸出樣式\",\"description\":\"將 Claude Code 適配用於軟體工程以外的用途\",\"href\":\"/zh-TW/output-styles\"},{\"title\":\"開始使用 Claude Code 鉤子\",\"description\":\"了解如何通過註冊 shell 命令來自訂和擴展 Claude Code 的行為\",\"href\":\"/zh-TW/hooks-guide\"},{\"title\":\"以程式方式執行 Claude Code\",\"sidebarTitle\":\"程式化使用\",\"description\":\"使用 Agent SDK 從 CLI、Python 或 TypeScript 以程式方式執行 Claude Code。\",\"href\":\"/zh-TW/headless\"},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"透過 MCP 將 Claude Code 連接到工具\",\"description\":\"了解如何使用 Model Context Protocol 將 Claude Code 連接到您的工具。\",\"href\":\"/zh-TW/mcp\"},{\"title\":\"故障排除\",\"description\":\"探索 Claude Code 安裝和使用中常見問題的解決方案。\",\"href\":\"/zh-TW/troubleshooting\"}]}]},{\"tab\":\"部署\",\"groups\":[{\"group\":\"部署\",\"pages\":[{\"title\":\"企業部署概述\",\"sidebarTitle\":\"概述\",\"description\":\"了解 Claude Code 如何與各種第三方服務和基礎設施整合，以滿足企業部署需求。\",\"href\":\"/zh-TW/third-party-integrations\"},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Amazon Bedrock 上的 Claude Code\",\"description\":\"了解如何透過 Amazon Bedrock 設定 Claude Code，包括設定、IAM 設定和故障排除。\",\"href\":\"/zh-TW/amazon-bedrock\"},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Google Vertex AI 上的 Claude Code\",\"description\":\"了解如何透過 Google Vertex AI 設定 Claude Code，包括設定、IAM 設定和故障排除。\",\"href\":\"/zh-TW/google-vertex-ai\"},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code on Microsoft Foundry\",\"description\":\"了解如何透過 Microsoft Foundry 配置 Claude Code，包括設定、配置和故障排除。\",\"href\":\"/zh-TW/microsoft-foundry\"},{\"sidebarTitle\":\"網路配置\",\"title\":\"企業網路配置\",\"description\":\"為企業環境配置 Claude Code，支援代理伺服器、自訂憑證授權單位 (CA) 和相互傳輸層安全性 (mTLS) 驗證。\",\"href\":\"/zh-TW/network-config\"},{\"sidebarTitle\":\"LLM gateway\",\"title\":\"LLM gateway 配置\",\"description\":\"了解如何配置 Claude Code 以使用 LLM gateway 解決方案。涵蓋 gateway 要求、身份驗證配置、模型選擇和提供商特定的端點設置。\",\"href\":\"/zh-TW/llm-gateway\"},{\"title\":\"開發容器\",\"description\":\"了解 Claude Code 開發容器，適合需要一致、安全環境的團隊。\",\"href\":\"/zh-TW/devcontainer\"}]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[{\"sidebarTitle\":\"進階安裝\",\"title\":\"設定 Claude Code\",\"description\":\"在您的開發機器上安裝、驗證和開始使用 Claude Code。\",\"href\":\"/zh-TW/setup\"},{\"title\":\"Authentication\",\"href\":\"/zh-TW/authentication\"},{\"title\":\"安全性\",\"description\":\"了解 Claude Code 的安全防護措施和安全使用的最佳實踐。\",\"href\":\"/zh-TW/security\"},{\"title\":\"Server managed settings\",\"href\":\"/zh-TW/server-managed-settings\"},{\"title\":\"資料使用\",\"description\":\"了解 Anthropic 對 Claude 資料使用政策\",\"href\":\"/zh-TW/data-usage\"},{\"title\":\"監控\",\"description\":\"了解如何為 Claude Code 啟用和配置 OpenTelemetry。\",\"href\":\"/zh-TW/monitoring-usage\"},{\"sidebarTitle\":\"成本\",\"title\":\"有效管理成本\",\"description\":\"了解如何在使用 Claude Code 時追蹤和優化代幣使用量和成本。\",\"href\":\"/zh-TW/costs\"},{\"title\":\"分析\",\"description\":\"查看您組織的 Claude Code 部署的詳細使用情況洞察和生產力指標。\",\"href\":\"/zh-TW/analytics\"},{\"title\":\"建立並分發 plugin marketplace\",\"description\":\"建立並託管 plugin marketplace，以在團隊和社群中分發 Claude Code 擴充功能。\",\"href\":\"/zh-TW/plugin-marketplaces\"}]}]},{\"tab\":\"設定\",\"groups\":[{\"group\":\"設定\",\"pages\":[{\"sidebarTitle\":\"設定\",\"title\":\"Claude Code 設定\",\"description\":\"使用全域和專案層級設定以及環境變數來設定 Claude Code。\",\"href\":\"/zh-TW/settings\"},{\"sidebarTitle\":\"權限\",\"title\":\"設定權限\",\"description\":\"使用細粒度權限規則、模式和受管理原則來控制 Claude Code 可以存取和執行的操作。\",\"href\":\"/zh-TW/permissions\"},{\"title\":\"沙箱隔離\",\"description\":\"了解 Claude Code 的沙箱 bash 工具如何提供檔案系統和網路隔離，以實現更安全、更自主的代理執行。\",\"href\":\"/zh-TW/sandboxing\"},{\"sidebarTitle\":\"終端機配置\",\"title\":\"優化您的終端機設置\",\"description\":\"Claude Code 在終端機配置正確時效果最佳。請遵循這些指南來優化您的體驗。\",\"href\":\"/zh-TW/terminal-config\"},{\"title\":\"模型配置\",\"description\":\"了解 Claude Code 模型配置，包括模型別名如 `opusplan`\",\"href\":\"/zh-TW/model-config\"},{\"title\":\"Fast mode\",\"href\":\"/zh-TW/fast-mode\"},{\"sidebarTitle\":\"記憶體管理\",\"title\":\"管理 Claude 的記憶體\",\"description\":\"了解如何在不同記憶體位置跨工作階段管理 Claude Code 的記憶體，以及最佳實踐。\",\"href\":\"/zh-TW/memory\"},{\"title\":\"狀態行配置\",\"description\":\"為 Claude Code 建立自訂狀態行，在介面底部顯示上下文資訊\",\"href\":\"/zh-TW/statusline\"},{\"title\":\"自訂快捷鍵\",\"description\":\"使用快捷鍵配置檔案在 Claude Code 中自訂鍵盤快捷鍵。\",\"href\":\"/zh-TW/keybindings\"}]}]},{\"tab\":\"參考資料\",\"groups\":[{\"group\":\"參考資料\",\"pages\":[{\"title\":\"CLI 參考\",\"description\":\"Claude Code 命令列介面的完整參考，包括命令和旗標。\",\"href\":\"/zh-TW/cli-reference\"},{\"title\":\"互動模式\",\"description\":\"Claude Code 工作階段中鍵盤快捷鍵、輸入模式和互動功能的完整參考。\",\"href\":\"/zh-TW/interactive-mode\"},{\"title\":\"Checkpointing\",\"description\":\"自動追蹤並回溯 Claude 的編輯，快速恢復不想要的變更。\",\"href\":\"/zh-TW/checkpointing\"},{\"title\":\"Hooks 參考\",\"description\":\"本頁提供在 Claude Code 中實現 hooks 的參考文檔。\",\"href\":\"/zh-TW/hooks\"},{\"title\":\"外掛程式參考\",\"description\":\"Claude Code 外掛程式系統的完整技術參考，包括架構、CLI 命令和元件規格。\",\"href\":\"/zh-TW/plugins-reference\"}]}]},{\"tab\":\"資源\",\"groups\":[{\"group\":\"資源\",\"pages\":[{\"title\":\"法律和合規\",\"description\":\"Claude Code 的法律協議、合規認證和安全資訊。\",\"href\":\"/zh-TW/legal-and-compliance\"}]}]}]},{\"language\":\"ru\",\"tabs\":[{\"tab\":\"Начало работы\",\"groups\":[{\"group\":\"Начало работы\",\"pages\":[{\"sidebarTitle\":\"Обзор\",\"title\":\"Обзор Claude Code\",\"description\":\"Claude Code — это агентский инструмент кодирования, который читает вашу кодовую базу, редактирует файлы, выполняет команды и интегрируется с вашими инструментами разработки. Доступен в вашем терминале, IDE, приложении для рабочего стола и браузере.\",\"href\":\"/ru/overview\"},{\"title\":\"Быстрый старт\",\"description\":\"Добро пожаловать в Claude Code!\",\"href\":\"/ru/quickstart\"},{\"title\":\"Журнал изменений\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/ru/changelog\"}]},{\"group\":\"Основные концепции\",\"pages\":[{\"title\":\"Как работает Claude Code\",\"description\":\"Поймите агентивный цикл, встроенные инструменты и то, как Claude Code взаимодействует с вашим проектом.\",\"href\":\"/ru/how-claude-code-works\"},{\"title\":\"Расширение Claude Code\",\"sidebarTitle\":\"Расширение Claude Code\",\"description\":\"Узнайте, когда использовать CLAUDE.md, Skills, subagents, hooks, MCP и plugins.\",\"href\":\"/ru/features-overview\"},{\"title\":\"Типичные рабочие процессы\",\"description\":\"Пошаговые руководства по изучению кодовых баз, исправлению ошибок, рефакторингу, тестированию и другим повседневным задачам с Claude Code.\",\"href\":\"/ru/common-workflows\"},{\"title\":\"Лучшие практики для Claude Code\",\"sidebarTitle\":\"Лучшие практики\",\"description\":\"Советы и паттерны для максимального использования Claude Code, от настройки окружения до масштабирования параллельных сеансов.\",\"href\":\"/ru/best-practices\"}]},{\"group\":\"Платформы и интеграции\",\"pages\":[{\"title\":\"Claude Code в веб-приложении\",\"description\":\"Запускайте задачи Claude Code асинхронно на защищённой облачной инфраструктуре\",\"href\":\"/ru/claude-code-on-the-web\"},{\"group\":\"Claude Code на рабочем столе\",\"pages\":[{\"title\":\"Desktop quickstart\",\"href\":\"/ru/desktop-quickstart\"},{\"title\":\"Claude Code на рабочем столе\",\"description\":\"Запускайте задачи Claude Code локально или на защищённой облачной инфраструктуре с помощью приложения Claude для рабочего стола\",\"href\":\"/ru/desktop\"}]},{\"title\":\"Использование Claude Code с Chrome (бета)\",\"sidebarTitle\":\"Расширение Chrome (бета)\",\"description\":\"Подключите Claude Code к браузеру Chrome для тестирования веб-приложений, отладки с помощью логов консоли, автоматизации заполнения форм и извлечения данных со страниц.\",\"href\":\"/ru/chrome\"},{\"title\":\"Использование Claude Code в VS Code\",\"description\":\"Установите и настройте расширение Claude Code для VS Code. Получите помощь ИИ при написании кода с встроенными diff, @-упоминаниями, проверкой плана и сочетаниями клавиш.\",\"href\":\"/ru/vs-code\"},{\"title\":\"JetBrains IDEs\",\"description\":\"Используйте Claude Code с JetBrains IDEs, включая IntelliJ, PyCharm, WebStorm и другие\",\"href\":\"/ru/jetbrains\"},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Узнайте об интеграции Claude Code в ваш рабочий процесс разработки с помощью Claude Code GitHub Actions\",\"href\":\"/ru/github-actions\"},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Узнайте об интеграции Claude Code в ваш рабочий процесс разработки с GitLab CI/CD\",\"href\":\"/ru/gitlab-ci-cd\"},{\"title\":\"Claude Code в Slack\",\"description\":\"Делегируйте задачи кодирования прямо из вашего рабочего пространства Slack\",\"href\":\"/ru/slack\"}]}]},{\"tab\":\"Разработка с Claude Code\",\"groups\":[{\"group\":\"Разработка с Claude Code\",\"pages\":[{\"title\":\"Создание пользовательских subagents\",\"description\":\"Создавайте и используйте специализированные AI subagents в Claude Code для рабочих процессов, ориентированных на конкретные задачи, и улучшенного управления контекстом.\",\"href\":\"/ru/sub-agents\"},{\"title\":\"Координируйте команды сеансов Claude Code\",\"description\":\"Координируйте несколько экземпляров Claude Code, работающих вместе как команда, с общими задачами, обменом сообщениями между агентами и централизованным управлением.\",\"href\":\"/ru/agent-teams\"},{\"title\":\"Создание plugins\",\"sidebarTitle\":\"Создание plugins\",\"description\":\"Создавайте пользовательские plugins для расширения Claude Code с помощью skills, agents, hooks и MCP servers.\",\"href\":\"/ru/plugins\"},{\"title\":\"Обнаружение и установка готовых плагинов через маркетплейсы\",\"description\":\"Найдите и установите плагины из маркетплейсов, чтобы расширить Claude Code новыми командами, агентами и возможностями.\",\"href\":\"/ru/discover-plugins\"},{\"title\":\"Расширение Claude с помощью навыков\",\"description\":\"Создавайте, управляйте и делитесь навыками для расширения возможностей Claude в Claude Code. Включает пользовательские команды с косой чертой.\",\"href\":\"/ru/skills\"},{\"title\":\"Стили вывода\",\"description\":\"Адаптируйте Claude Code для использования за пределами разработки программного обеспечения\",\"href\":\"/ru/output-styles\"},{\"title\":\"Начало работы с Claude Code hooks\",\"description\":\"Узнайте, как настраивать и расширять поведение Claude Code, регистрируя команды оболочки\",\"href\":\"/ru/hooks-guide\"},{\"title\":\"Запуск Claude Code программно\",\"sidebarTitle\":\"Программное использование\",\"description\":\"Используйте Agent SDK для программного запуска Claude Code из CLI, Python или TypeScript.\",\"href\":\"/ru/headless\"},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"Подключите Claude Code к инструментам через MCP\",\"description\":\"Узнайте, как подключить Claude Code к вашим инструментам с помощью Model Context Protocol.\",\"href\":\"/ru/mcp\"},{\"title\":\"Устранение неполадок\",\"description\":\"Найдите решения для распространённых проблем при установке и использовании Claude Code.\",\"href\":\"/ru/troubleshooting\"}]}]},{\"tab\":\"Развертывание\",\"groups\":[{\"group\":\"Развертывание\",\"pages\":[{\"title\":\"Обзор развертывания в масштабе предприятия\",\"sidebarTitle\":\"Обзор\",\"description\":\"Узнайте, как Claude Code может интегрироваться с различными сторонними сервисами и инфраструктурой для соответствия требованиям развертывания в масштабе предприятия.\",\"href\":\"/ru/third-party-integrations\"},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Claude Code на Amazon Bedrock\",\"description\":\"Узнайте о настройке Claude Code через Amazon Bedrock, включая установку, конфигурацию IAM и устранение неполадок.\",\"href\":\"/ru/amazon-bedrock\"},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Claude Code на Google Vertex AI\",\"description\":\"Узнайте о настройке Claude Code через Google Vertex AI, включая установку, конфигурацию IAM и устранение неполадок.\",\"href\":\"/ru/google-vertex-ai\"},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code на Microsoft Foundry\",\"description\":\"Узнайте о настройке Claude Code через Microsoft Foundry, включая установку, конфигурацию и устранение неполадок.\",\"href\":\"/ru/microsoft-foundry\"},{\"sidebarTitle\":\"Конфигурация сети\",\"title\":\"Конфигурация сети для предприятия\",\"description\":\"Настройте Claude Code для корпоративных сред с прокси-серверами, пользовательскими центрами сертификации (CA) и взаимной аутентификацией Transport Layer Security (mTLS).\",\"href\":\"/ru/network-config\"},{\"sidebarTitle\":\"LLM gateway\",\"title\":\"Конфигурация LLM gateway\",\"description\":\"Узнайте, как настроить Claude Code для работы с решениями LLM gateway. Охватывает требования к шлюзу, конфигурацию аутентификации, выбор модели и настройку конечных точек для конкретных поставщиков.\",\"href\":\"/ru/llm-gateway\"},{\"title\":\"Контейнеры разработки\",\"description\":\"Узнайте о контейнере разработки Claude Code для команд, которым нужны согласованные и безопасные среды.\",\"href\":\"/ru/devcontainer\"}]}]},{\"tab\":\"Администрирование\",\"groups\":[{\"group\":\"Администрирование\",\"pages\":[{\"sidebarTitle\":\"Расширенная установка\",\"title\":\"Настройка Claude Code\",\"description\":\"Установите, аутентифицируйте и начните использовать Claude Code на вашей машине разработки.\",\"href\":\"/ru/setup\"},{\"title\":\"Authentication\",\"href\":\"/ru/authentication\"},{\"title\":\"Безопасность\",\"description\":\"Узнайте о защитных механизмах Claude Code и лучших практиках безопасного использования.\",\"href\":\"/ru/security\"},{\"title\":\"Server managed settings\",\"href\":\"/ru/server-managed-settings\"},{\"title\":\"Использование данных\",\"description\":\"Узнайте о политике использования данных Anthropic для Claude\",\"href\":\"/ru/data-usage\"},{\"title\":\"Мониторинг\",\"description\":\"Узнайте, как включить и настроить OpenTelemetry для Claude Code.\",\"href\":\"/ru/monitoring-usage\"},{\"sidebarTitle\":\"Затраты\",\"title\":\"Эффективное управление затратами\",\"description\":\"Узнайте, как отслеживать и оптимизировать использование токенов и затраты при использовании Claude Code.\",\"href\":\"/ru/costs\"},{\"title\":\"Аналитика\",\"description\":\"Просмотрите подробные сведения об использовании и метрики производительности развертывания Claude Code вашей организации.\",\"href\":\"/ru/analytics\"},{\"title\":\"Создание и распространение marketplace плагинов\",\"sidebarTitle\":\"Создание и распространение marketplace плагинов\",\"description\":\"Создавайте и размещайте marketplace плагинов для распространения расширений Claude Code по командам и сообществам.\",\"href\":\"/ru/plugin-marketplaces\"}]}]},{\"tab\":\"Конфигурация\",\"groups\":[{\"group\":\"Конфигурация\",\"pages\":[{\"sidebarTitle\":\"Параметры\",\"title\":\"Параметры Claude Code\",\"description\":\"Настройте Claude Code с помощью глобальных и проектных параметров, а также переменных окружения.\",\"href\":\"/ru/settings\"},{\"sidebarTitle\":\"Разрешения\",\"title\":\"Настройка разрешений\",\"description\":\"Контролируйте, что Claude Code может использовать и делать, с помощью детальных правил разрешений, режимов и управляемых политик.\",\"href\":\"/ru/permissions\"},{\"title\":\"Изоляция в песочнице\",\"description\":\"Узнайте, как инструмент bash в песочнице Claude Code обеспечивает изоляцию файловой системы и сети для более безопасного и автономного выполнения агентов.\",\"href\":\"/ru/sandboxing\"},{\"sidebarTitle\":\"Конфигурация терминала\",\"title\":\"Оптимизируйте настройку вашего терминала\",\"description\":\"Claude Code работает лучше всего, когда ваш терминал правильно настроен. Следуйте этим рекомендациям, чтобы оптимизировать ваш опыт.\",\"href\":\"/ru/terminal-config\"},{\"title\":\"Конфигурация модели\",\"description\":\"Узнайте о конфигурации модели Claude Code, включая псевдонимы моделей, такие как `opusplan`\",\"href\":\"/ru/model-config\"},{\"title\":\"Fast mode\",\"href\":\"/ru/fast-mode\"},{\"sidebarTitle\":\"Управление памятью\",\"title\":\"Управление памятью Claude\",\"description\":\"Узнайте, как управлять памятью Claude Code между сеансами с различными местоположениями памяти и лучшими практиками.\",\"href\":\"/ru/memory\"},{\"title\":\"Конфигурация строки состояния\",\"description\":\"Создайте пользовательскую строку состояния для Claude Code для отображения контекстной информации\",\"href\":\"/ru/statusline\"},{\"title\":\"Настройка сочетаний клавиш\",\"description\":\"Настройте сочетания клавиш в Claude Code с помощью файла конфигурации keybindings.\",\"href\":\"/ru/keybindings\"}]}]},{\"tab\":\"Справочник\",\"groups\":[{\"group\":\"Справочник\",\"pages\":[{\"title\":\"Справочник CLI\",\"description\":\"Полный справочник по интерфейсу командной строки Claude Code, включая команды и флаги.\",\"href\":\"/ru/cli-reference\"},{\"title\":\"Интерактивный режим\",\"description\":\"Полный справочник по сочетаниям клавиш, режимам ввода и интерактивным функциям в сеансах Claude Code.\",\"href\":\"/ru/interactive-mode\"},{\"title\":\"Checkpointing\",\"description\":\"Автоматически отслеживайте и отменяйте правки Claude, чтобы быстро восстановиться после нежелательных изменений.\",\"href\":\"/ru/checkpointing\"},{\"title\":\"Справочник по hooks\",\"description\":\"На этой странице представлена справочная документация по реализации hooks в Claude Code.\",\"href\":\"/ru/hooks\"},{\"title\":\"Справочник по плагинам\",\"description\":\"Полный технический справочник по системе плагинов Claude Code, включая схемы, команды CLI и спецификации компонентов.\",\"href\":\"/ru/plugins-reference\"}]}]},{\"tab\":\"Ресурсы\",\"groups\":[{\"group\":\"Ресурсы\",\"pages\":[{\"title\":\"Правовые и нормативные требования\",\"description\":\"Правовые соглашения, сертификаты соответствия и информация о безопасности для Claude Code.\",\"href\":\"/ru/legal-and-compliance\"}]}]}]},{\"language\":\"id\",\"tabs\":[{\"tab\":\"Memulai\",\"groups\":[{\"group\":\"Memulai\",\"pages\":[{\"sidebarTitle\":\"Ikhtisar\",\"title\":\"Ikhtisar Claude Code\",\"description\":\"Claude Code adalah alat pengkodean agentic yang membaca basis kode Anda, mengedit file, menjalankan perintah, dan terintegrasi dengan alat pengembangan Anda. Tersedia di terminal, IDE, aplikasi desktop, dan browser Anda.\",\"href\":\"/id/overview\"},{\"title\":\"Panduan Cepat\",\"description\":\"Selamat datang di Claude Code!\",\"href\":\"/id/quickstart\"},{\"title\":\"Changelog\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/id/changelog\"}]},{\"group\":\"Konsep Inti\",\"pages\":[{\"title\":\"Cara Kerja Claude Code\",\"description\":\"Pahami loop agentic, alat bawaan, dan bagaimana Claude Code berinteraksi dengan proyek Anda.\",\"href\":\"/id/how-claude-code-works\"},{\"title\":\"Perluas Claude Code\",\"description\":\"Pahami kapan menggunakan CLAUDE.md, Skills, subagents, hooks, MCP, dan plugins.\",\"href\":\"/id/features-overview\"},{\"title\":\"Alur kerja umum\",\"description\":\"Panduan langkah demi langkah untuk menjelajahi basis kode, memperbaiki bug, refactoring, pengujian, dan tugas sehari-hari lainnya dengan Claude Code.\",\"href\":\"/id/common-workflows\"},{\"title\":\"Praktik Terbaik untuk Claude Code\",\"description\":\"Tips dan pola untuk memaksimalkan Claude Code, dari mengonfigurasi lingkungan Anda hingga menskalakan di seluruh sesi paralel.\",\"href\":\"/id/best-practices\"}]},{\"group\":\"Platform dan integrasi\",\"pages\":[{\"title\":\"Claude Code di web\",\"description\":\"Jalankan tugas Claude Code secara asinkron pada infrastruktur cloud yang aman\",\"href\":\"/id/claude-code-on-the-web\"},{\"group\":\"Claude Code di desktop\",\"pages\":[{\"title\":\"Desktop quickstart\",\"href\":\"/id/desktop-quickstart\"},{\"title\":\"Claude Code di desktop\",\"description\":\"Jalankan tugas Claude Code secara lokal atau pada infrastruktur cloud yang aman dengan aplikasi desktop Claude\",\"href\":\"/id/desktop\"}]},{\"title\":\"Gunakan Claude Code dengan Chrome (beta)\",\"sidebarTitle\":\"Ekstensi Chrome (beta)\",\"description\":\"Hubungkan Claude Code ke browser Chrome Anda untuk menguji aplikasi web, debug dengan console logs, otomatisasi pengisian formulir, dan ekstrak data dari halaman web.\",\"href\":\"/id/chrome\"},{\"title\":\"Gunakan Claude Code di VS Code\",\"description\":\"Instal dan konfigurasi ekstensi Claude Code untuk VS Code. Dapatkan bantuan pengkodean AI dengan diff inline, @-mentions, review rencana, dan pintasan keyboard.\",\"href\":\"/id/vs-code\"},{\"title\":\"JetBrains IDEs\",\"description\":\"Gunakan Claude Code dengan JetBrains IDEs termasuk IntelliJ, PyCharm, WebStorm, dan lainnya\",\"href\":\"/id/jetbrains\"},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Pelajari tentang integrasi Claude Code ke dalam alur kerja pengembangan Anda dengan Claude Code GitHub Actions\",\"href\":\"/id/github-actions\"},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Pelajari tentang mengintegrasikan Claude Code ke dalam alur kerja pengembangan Anda dengan GitLab CI/CD\",\"href\":\"/id/gitlab-ci-cd\"},{\"title\":\"Claude Code di Slack\",\"description\":\"Delegasikan tugas coding langsung dari workspace Slack Anda\",\"href\":\"/id/slack\"}]}]},{\"tab\":\"Bangun dengan Claude Code\",\"groups\":[{\"group\":\"Bangun dengan Claude Code\",\"pages\":[{\"title\":\"Buat subagent khusus\",\"description\":\"Buat dan gunakan subagent AI khusus di Claude Code untuk alur kerja spesifik tugas dan manajemen konteks yang lebih baik.\",\"href\":\"/id/sub-agents\"},{\"title\":\"Mengorkestra tim Claude Code sessions\",\"sidebarTitle\":\"Jalankan tim agent\",\"description\":\"Koordinasikan beberapa instance Claude Code yang bekerja bersama sebagai tim, dengan tugas bersama, pesan antar-agent, dan manajemen terpusat.\",\"href\":\"/id/agent-teams\"},{\"title\":\"Buat plugins\",\"sidebarTitle\":\"Buat plugins\",\"description\":\"Buat plugins kustom untuk memperluas Claude Code dengan skills, agents, hooks, dan MCP servers.\",\"href\":\"/id/plugins\"},{\"title\":\"Temukan dan instal plugin yang sudah dibuat melalui marketplace\",\"description\":\"Temukan dan instal plugin dari marketplace untuk memperluas Claude Code dengan perintah, agen, dan kemampuan baru.\",\"href\":\"/id/discover-plugins\"},{\"title\":\"Perluas Claude dengan keterampilan\",\"description\":\"Buat, kelola, dan bagikan keterampilan untuk memperluas kemampuan Claude di Claude Code. Termasuk perintah garis miring khusus.\",\"href\":\"/id/skills\"},{\"title\":\"Output styles\",\"description\":\"Sesuaikan Claude Code untuk penggunaan di luar rekayasa perangkat lunak\",\"href\":\"/id/output-styles\"},{\"title\":\"Mulai dengan Claude Code hooks\",\"description\":\"Pelajari cara menyesuaikan dan memperluas perilaku Claude Code dengan mendaftarkan perintah shell\",\"href\":\"/id/hooks-guide\"},{\"title\":\"Jalankan Claude Code secara programatis\",\"sidebarTitle\":\"Penggunaan programatis\",\"description\":\"Gunakan Agent SDK untuk menjalankan Claude Code secara programatis dari CLI, Python, atau TypeScript.\",\"href\":\"/id/headless\"},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"Hubungkan Claude Code ke alat melalui MCP\",\"description\":\"Pelajari cara menghubungkan Claude Code ke alat Anda dengan Model Context Protocol.\",\"href\":\"/id/mcp\"},{\"title\":\"Pemecahan Masalah\",\"description\":\"Temukan solusi untuk masalah umum dengan instalasi dan penggunaan Claude Code.\",\"href\":\"/id/troubleshooting\"}]}]},{\"tab\":\"Penerapan\",\"groups\":[{\"group\":\"Penerapan\",\"pages\":[{\"title\":\"Ringkasan penyebaran enterprise\",\"description\":\"Pelajari bagaimana Claude Code dapat terintegrasi dengan berbagai layanan pihak ketiga dan infrastruktur untuk memenuhi persyaratan penyebaran enterprise.\",\"href\":\"/id/third-party-integrations\"},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Claude Code di Amazon Bedrock\",\"description\":\"Pelajari tentang mengonfigurasi Claude Code melalui Amazon Bedrock, termasuk pengaturan, konfigurasi IAM, dan pemecahan masalah.\",\"href\":\"/id/amazon-bedrock\"},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Claude Code pada Google Vertex AI\",\"description\":\"Pelajari tentang mengonfigurasi Claude Code melalui Google Vertex AI, termasuk pengaturan, konfigurasi IAM, dan pemecahan masalah.\",\"href\":\"/id/google-vertex-ai\"},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code di Microsoft Foundry\",\"description\":\"Pelajari tentang mengonfigurasi Claude Code melalui Microsoft Foundry, termasuk setup, konfigurasi, dan pemecahan masalah.\",\"href\":\"/id/microsoft-foundry\"},{\"sidebarTitle\":\"Konfigurasi jaringan\",\"title\":\"Konfigurasi jaringan enterprise\",\"description\":\"Konfigurasikan Claude Code untuk lingkungan enterprise dengan server proxy, Certificate Authorities (CA) kustom, dan autentikasi mutual Transport Layer Security (mTLS).\",\"href\":\"/id/network-config\"},{\"sidebarTitle\":\"LLM gateway\",\"title\":\"Konfigurasi LLM gateway\",\"description\":\"Pelajari cara mengonfigurasi Claude Code untuk bekerja dengan solusi LLM gateway. Mencakup persyaratan gateway, konfigurasi autentikasi, pemilihan model, dan pengaturan endpoint khusus penyedia.\",\"href\":\"/id/llm-gateway\"},{\"title\":\"Kontainer pengembangan\",\"description\":\"Pelajari tentang kontainer pengembangan Claude Code untuk tim yang membutuhkan lingkungan yang konsisten dan aman.\",\"href\":\"/id/devcontainer\"}]}]},{\"tab\":\"Administrasi\",\"groups\":[{\"group\":\"Administrasi\",\"pages\":[{\"sidebarTitle\":\"Instalasi lanjutan\",\"title\":\"Siapkan Claude Code\",\"description\":\"Instal, autentikasi, dan mulai menggunakan Claude Code di mesin pengembangan Anda.\",\"href\":\"/id/setup\"},{\"title\":\"Authentication\",\"href\":\"/id/authentication\"},{\"title\":\"Keamanan\",\"description\":\"Pelajari tentang perlindungan keamanan Claude Code dan praktik terbaik untuk penggunaan yang aman.\",\"href\":\"/id/security\"},{\"title\":\"Server managed settings\",\"href\":\"/id/server-managed-settings\"},{\"title\":\"Penggunaan data\",\"description\":\"Pelajari kebijakan penggunaan data Anthropic untuk Claude\",\"href\":\"/id/data-usage\"},{\"title\":\"Pemantauan\",\"description\":\"Pelajari cara mengaktifkan dan mengonfigurasi OpenTelemetry untuk Claude Code.\",\"href\":\"/id/monitoring-usage\"},{\"sidebarTitle\":\"Biaya\",\"title\":\"Kelola biaya secara efektif\",\"description\":\"Pelajari cara melacak dan mengoptimalkan penggunaan token dan biaya saat menggunakan Claude Code.\",\"href\":\"/id/costs\"},{\"title\":\"Analitik\",\"description\":\"Lihat wawasan penggunaan terperinci dan metrik produktivitas untuk penerapan Claude Code organisasi Anda.\",\"href\":\"/id/analytics\"},{\"title\":\"Buat dan distribusikan marketplace plugin\",\"description\":\"Bangun dan hosting marketplace plugin untuk mendistribusikan ekstensi Claude Code di seluruh tim dan komunitas.\",\"href\":\"/id/plugin-marketplaces\"}]}]},{\"tab\":\"Konfigurasi\",\"groups\":[{\"group\":\"Konfigurasi\",\"pages\":[{\"sidebarTitle\":\"Pengaturan\",\"title\":\"Pengaturan Claude Code\",\"description\":\"Konfigurasikan Claude Code dengan pengaturan global dan tingkat proyek, serta variabel lingkungan.\",\"href\":\"/id/settings\"},{\"sidebarTitle\":\"Izin\",\"title\":\"Konfigurasi izin\",\"description\":\"Kontrol apa yang dapat diakses dan dilakukan Claude Code dengan aturan izin, mode, dan kebijakan terkelola yang terperinci.\",\"href\":\"/id/permissions\"},{\"title\":\"Sandboxing\",\"description\":\"Pelajari bagaimana alat bash yang di-sandbox dari Claude Code menyediakan isolasi filesystem dan jaringan untuk eksekusi agen yang lebih aman dan otonomi.\",\"href\":\"/id/sandboxing\"},{\"sidebarTitle\":\"Konfigurasi terminal\",\"title\":\"Optimalkan pengaturan terminal Anda\",\"description\":\"Claude Code bekerja paling baik ketika terminal Anda dikonfigurasi dengan benar. Ikuti panduan ini untuk mengoptimalkan pengalaman Anda.\",\"href\":\"/id/terminal-config\"},{\"title\":\"Konfigurasi model\",\"description\":\"Pelajari tentang konfigurasi model Claude Code, termasuk alias model seperti `opusplan`\",\"href\":\"/id/model-config\"},{\"title\":\"Fast mode\",\"href\":\"/id/fast-mode\"},{\"sidebarTitle\":\"Manajemen memori\",\"title\":\"Kelola memori Claude\",\"description\":\"Pelajari cara mengelola memori Claude Code di seluruh sesi dengan lokasi memori berbeda dan praktik terbaik.\",\"href\":\"/id/memory\"},{\"title\":\"Konfigurasi baris status\",\"description\":\"Buat baris status khusus untuk Claude Code untuk menampilkan informasi kontekstual\",\"href\":\"/id/statusline\"},{\"title\":\"Sesuaikan pintasan keyboard\",\"description\":\"Sesuaikan pintasan keyboard di Claude Code dengan file konfigurasi keybindings.\",\"href\":\"/id/keybindings\"}]}]},{\"tab\":\"Referensi\",\"groups\":[{\"group\":\"Referensi\",\"pages\":[{\"title\":\"Referensi CLI\",\"description\":\"Referensi lengkap untuk antarmuka baris perintah Claude Code, termasuk perintah dan flag.\",\"href\":\"/id/cli-reference\"},{\"title\":\"Mode interaktif\",\"description\":\"Referensi lengkap untuk pintasan keyboard, mode input, dan fitur interaktif dalam sesi Claude Code.\",\"href\":\"/id/interactive-mode\"},{\"title\":\"Checkpointing\",\"description\":\"Secara otomatis melacak dan membatalkan pengeditan Claude untuk pemulihan cepat dari perubahan yang tidak diinginkan.\",\"href\":\"/id/checkpointing\"},{\"title\":\"Referensi Hooks\",\"description\":\"Halaman ini menyediakan dokumentasi referensi untuk mengimplementasikan hooks di Claude Code.\",\"href\":\"/id/hooks\"},{\"title\":\"Referensi Plugins\",\"description\":\"Referensi teknis lengkap untuk sistem plugin Claude Code, termasuk skema, perintah CLI, dan spesifikasi komponen.\",\"href\":\"/id/plugins-reference\"}]}]},{\"tab\":\"Sumber Daya\",\"groups\":[{\"group\":\"Sumber Daya\",\"pages\":[{\"title\":\"Hukum dan kepatuhan\",\"description\":\"Perjanjian hukum, sertifikasi kepatuhan, dan informasi keamanan untuk Claude Code.\",\"href\":\"/id/legal-and-compliance\"}]}]}]},{\"language\":\"pt-BR\",\"tabs\":[{\"tab\":\"Primeiros passos\",\"groups\":[{\"group\":\"Primeiros passos\",\"pages\":[{\"sidebarTitle\":\"Visão geral\",\"title\":\"Visão geral do Claude Code\",\"description\":\"Claude Code é uma ferramenta de codificação agentic que lê sua base de código, edita arquivos, executa comandos e se integra com suas ferramentas de desenvolvimento. Disponível em seu terminal, IDE, aplicativo desktop e navegador.\",\"href\":\"/pt/overview\"},{\"title\":\"Guia de Início Rápido\",\"description\":\"Bem-vindo ao Claude Code!\",\"href\":\"/pt/quickstart\"},{\"title\":\"Changelog\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/pt/changelog\"}]},{\"group\":\"Conceitos principais\",\"pages\":[{\"title\":\"Como o Claude Code funciona\",\"description\":\"Entenda o loop agentico, as ferramentas integradas e como o Claude Code interage com seu projeto.\",\"href\":\"/pt/how-claude-code-works\"},{\"title\":\"Estender Claude Code\",\"sidebarTitle\":\"Estender Claude Code\",\"description\":\"Entenda quando usar CLAUDE.md, Skills, subagents, hooks, MCP e plugins.\",\"href\":\"/pt/features-overview\"},{\"title\":\"Fluxos de trabalho comuns\",\"description\":\"Guias passo a passo para explorar bases de código, corrigir bugs, refatorar, testar e outras tarefas cotidianas com Claude Code.\",\"href\":\"/pt/common-workflows\"},{\"title\":\"Melhores práticas para Claude Code\",\"description\":\"Dicas e padrões para aproveitar ao máximo o Claude Code, desde a configuração do seu ambiente até o dimensionamento em sessões paralelas.\",\"href\":\"/pt/best-practices\"}]},{\"group\":\"Plataformas e integrações\",\"pages\":[{\"title\":\"Claude Code na web\",\"description\":\"Execute tarefas Claude Code de forma assíncrona em infraestrutura de nuvem segura\",\"href\":\"/pt/claude-code-on-the-web\"},{\"group\":\"Claude Code no desktop\",\"pages\":[{\"title\":\"Desktop quickstart\",\"href\":\"/pt/desktop-quickstart\"},{\"title\":\"Claude Code no desktop\",\"description\":\"Execute tarefas do Claude Code localmente ou em infraestrutura em nuvem segura com o aplicativo Claude desktop\",\"href\":\"/pt/desktop\"}]},{\"title\":\"Use Claude Code with Chrome (beta)\",\"sidebarTitle\":\"Chrome extension (beta)\",\"description\":\"Conecte Claude Code ao seu navegador Chrome para testar aplicativos web, depurar com logs de console, automatizar preenchimento de formulários e extrair dados de páginas web.\",\"href\":\"/pt/chrome\"},{\"title\":\"Use Claude Code no VS Code\",\"description\":\"Instale e configure a extensão Claude Code para VS Code. Obtenha assistência de codificação com IA com diffs inline, @-mentions, revisão de planos e atalhos de teclado.\",\"href\":\"/pt/vs-code\"},{\"title\":\"JetBrains IDEs\",\"description\":\"Use Claude Code with JetBrains IDEs including IntelliJ, PyCharm, WebStorm, and more\",\"href\":\"/pt/jetbrains\"},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Aprenda sobre a integração do Claude Code no seu fluxo de trabalho de desenvolvimento com Claude Code GitHub Actions\",\"href\":\"/pt/github-actions\"},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Saiba como integrar Claude Code no seu fluxo de trabalho de desenvolvimento com GitLab CI/CD\",\"href\":\"/pt/gitlab-ci-cd\"},{\"title\":\"Claude Code no Slack\",\"description\":\"Delegue tarefas de codificação diretamente do seu espaço de trabalho Slack\",\"href\":\"/pt/slack\"}]}]},{\"tab\":\"Construir com Claude Code\",\"groups\":[{\"group\":\"Construir com Claude Code\",\"pages\":[{\"title\":\"Criar subagentes personalizados\",\"description\":\"Crie e use subagentes de IA especializados no Claude Code para fluxos de trabalho específicos de tarefas e gerenciamento de contexto aprimorado.\",\"href\":\"/pt/sub-agents\"},{\"title\":\"Orquestre equipes de sessões Claude Code\",\"sidebarTitle\":\"Executar equipes de agentes\",\"description\":\"Coordene múltiplas instâncias Claude Code trabalhando juntas como uma equipe, com tarefas compartilhadas, mensagens entre agentes e gerenciamento centralizado.\",\"href\":\"/pt/agent-teams\"},{\"title\":\"Criar plugins\",\"sidebarTitle\":\"Criar plugins\",\"description\":\"Crie plugins personalizados para estender Claude Code com skills, agents, hooks e MCP servers.\",\"href\":\"/pt/plugins\"},{\"title\":\"Descubra e instale plugins pré-construídos através de marketplaces\",\"description\":\"Encontre e instale plugins de marketplaces para estender Claude Code com novos comandos, agentes e capacidades.\",\"href\":\"/pt/discover-plugins\"},{\"title\":\"Estenda Claude com skills\",\"description\":\"Crie, gerencie e compartilhe skills para estender as capacidades do Claude no Claude Code. Inclui comandos de barra invertida personalizados.\",\"href\":\"/pt/skills\"},{\"title\":\"Estilos de saída\",\"description\":\"Adapte Claude Code para usos além da engenharia de software\",\"href\":\"/pt/output-styles\"},{\"title\":\"Comece com os hooks do Claude Code\",\"description\":\"Aprenda como personalizar e estender o comportamento do Claude Code registrando comandos shell\",\"href\":\"/pt/hooks-guide\"},{\"title\":\"Executar Claude Code programaticamente\",\"description\":\"Use o Agent SDK para executar Claude Code programaticamente a partir da CLI, Python ou TypeScript.\",\"href\":\"/pt/headless\"},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"Conectar Claude Code a ferramentas via MCP\",\"description\":\"Aprenda como conectar Claude Code às suas ferramentas com o Model Context Protocol.\",\"href\":\"/pt/mcp\"},{\"title\":\"Solução de problemas\",\"description\":\"Descubra soluções para problemas comuns com a instalação e uso do Claude Code.\",\"href\":\"/pt/troubleshooting\"}]}]},{\"tab\":\"Implantação\",\"groups\":[{\"group\":\"Implantação\",\"pages\":[{\"title\":\"Visão geral da implantação empresarial\",\"sidebarTitle\":\"Visão geral\",\"description\":\"Saiba como Claude Code pode se integrar com vários serviços de terceiros e infraestrutura para atender aos requisitos de implantação empresarial.\",\"href\":\"/pt/third-party-integrations\"},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Claude Code no Amazon Bedrock\",\"description\":\"Saiba como configurar Claude Code através do Amazon Bedrock, incluindo configuração, configuração de IAM e resolução de problemas.\",\"href\":\"/pt/amazon-bedrock\"},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Claude Code no Google Vertex AI\",\"description\":\"Saiba como configurar Claude Code através do Google Vertex AI, incluindo configuração, configuração de IAM e resolução de problemas.\",\"href\":\"/pt/google-vertex-ai\"},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code no Microsoft Foundry\",\"description\":\"Saiba como configurar Claude Code através do Microsoft Foundry, incluindo configuração, instalação e resolução de problemas.\",\"href\":\"/pt/microsoft-foundry\"},{\"sidebarTitle\":\"Configuração de rede\",\"title\":\"Configuração de rede empresarial\",\"description\":\"Configure Claude Code para ambientes empresariais com servidores proxy, Autoridades de Certificação (CA) personalizadas e autenticação mútua de Transport Layer Security (mTLS).\",\"href\":\"/pt/network-config\"},{\"sidebarTitle\":\"Gateway LLM\",\"title\":\"Configuração do gateway LLM\",\"description\":\"Saiba como configurar Claude Code para trabalhar com soluções de gateway LLM. Abrange requisitos de gateway, configuração de autenticação, seleção de modelo e configuração de endpoint específica do provedor.\",\"href\":\"/pt/llm-gateway\"},{\"title\":\"Contêineres de desenvolvimento\",\"description\":\"Saiba mais sobre o contêiner de desenvolvimento Claude Code para equipes que precisam de ambientes consistentes e seguros.\",\"href\":\"/pt/devcontainer\"}]}]},{\"tab\":\"Administração\",\"groups\":[{\"group\":\"Administração\",\"pages\":[{\"sidebarTitle\":\"Instalação avançada\",\"title\":\"Configurar Claude Code\",\"description\":\"Instale, autentique e comece a usar Claude Code em sua máquina de desenvolvimento.\",\"href\":\"/pt/setup\"},{\"title\":\"Authentication\",\"href\":\"/pt/authentication\"},{\"title\":\"Segurança\",\"description\":\"Aprenda sobre as proteções de segurança do Claude Code e as melhores práticas para uso seguro.\",\"href\":\"/pt/security\"},{\"title\":\"Server managed settings\",\"href\":\"/pt/server-managed-settings\"},{\"title\":\"Uso de dados\",\"description\":\"Saiba mais sobre as políticas de uso de dados da Anthropic para Claude\",\"href\":\"/pt/data-usage\"},{\"title\":\"Monitoramento\",\"description\":\"Saiba como ativar e configurar OpenTelemetry para Claude Code.\",\"href\":\"/pt/monitoring-usage\"},{\"sidebarTitle\":\"Custos\",\"title\":\"Gerencie custos efetivamente\",\"description\":\"Aprenda como rastrear e otimizar o uso de tokens e custos ao usar Claude Code.\",\"href\":\"/pt/costs\"},{\"title\":\"Análise\",\"description\":\"Visualize insights detalhados de uso e métricas de produtividade para a implantação do Claude Code da sua organização.\",\"href\":\"/pt/analytics\"},{\"title\":\"Criar e distribuir um marketplace de plugins\",\"sidebarTitle\":\"Criar e distribuir um marketplace de plugins\",\"description\":\"Crie e hospede marketplaces de plugins para distribuir extensões Claude Code em equipes e comunidades.\",\"href\":\"/pt/plugin-marketplaces\"}]}]},{\"tab\":\"Configuração\",\"groups\":[{\"group\":\"Configuração\",\"pages\":[{\"sidebarTitle\":\"Configurações\",\"title\":\"Configurações do Claude Code\",\"description\":\"Configure o Claude Code com configurações globais e em nível de projeto, e variáveis de ambiente.\",\"href\":\"/pt/settings\"},{\"sidebarTitle\":\"Permissões\",\"title\":\"Configurar permissões\",\"description\":\"Controle o que Claude Code pode acessar e fazer com regras de permissão granulares, modos e políticas gerenciadas.\",\"href\":\"/pt/permissions\"},{\"title\":\"Isolamento em Sandbox\",\"description\":\"Aprenda como a ferramenta bash em sandbox do Claude Code fornece isolamento de sistema de arquivos e rede para execução de agentes mais segura e autônoma.\",\"href\":\"/pt/sandboxing\"},{\"sidebarTitle\":\"Configuração do terminal\",\"title\":\"Otimize sua configuração de terminal\",\"description\":\"Claude Code funciona melhor quando seu terminal está devidamente configurado. Siga estas diretrizes para otimizar sua experiência.\",\"href\":\"/pt/terminal-config\"},{\"title\":\"Configuração de modelo\",\"description\":\"Saiba mais sobre a configuração do modelo Claude Code, incluindo aliases de modelo como `opusplan`\",\"href\":\"/pt/model-config\"},{\"title\":\"Fast mode\",\"href\":\"/pt/fast-mode\"},{\"sidebarTitle\":\"Gerenciamento de memória\",\"title\":\"Gerenciar a memória do Claude\",\"description\":\"Aprenda como gerenciar a memória do Claude Code em sessões com diferentes locais de memória e melhores práticas.\",\"href\":\"/pt/memory\"},{\"title\":\"Configuração da linha de status\",\"description\":\"Crie uma linha de status personalizada para Claude Code para exibir informações contextuais\",\"href\":\"/pt/statusline\"},{\"title\":\"Personalizar atalhos de teclado\",\"description\":\"Personalize atalhos de teclado no Claude Code com um arquivo de configuração de keybindings.\",\"href\":\"/pt/keybindings\"}]}]},{\"tab\":\"Referência\",\"groups\":[{\"group\":\"Referência\",\"pages\":[{\"title\":\"Referência de CLI\",\"description\":\"Referência completa para a interface de linha de comando do Claude Code, incluindo comandos e sinalizadores.\",\"href\":\"/pt/cli-reference\"},{\"title\":\"Modo interativo\",\"description\":\"Referência completa para atalhos de teclado, modos de entrada e recursos interativos em sessões do Claude Code.\",\"href\":\"/pt/interactive-mode\"},{\"title\":\"Checkpointing\",\"description\":\"Rastreie e reverta automaticamente as edições do Claude para recuperar-se rapidamente de alterações indesejadas.\",\"href\":\"/pt/checkpointing\"},{\"title\":\"Referência de Hooks\",\"description\":\"Esta página fornece documentação de referência para implementar hooks no Claude Code.\",\"href\":\"/pt/hooks\"},{\"title\":\"Referência de plugins\",\"description\":\"Referência técnica completa para o sistema de plugins do Claude Code, incluindo esquemas, comandos CLI e especificações de componentes.\",\"href\":\"/pt/plugins-reference\"}]}]},{\"tab\":\"Recursos\",\"groups\":[{\"group\":\"Recursos\",\"pages\":[{\"title\":\"Legal e conformidade\",\"description\":\"Acordos legais, certificações de conformidade e informações de segurança para Claude Code.\",\"href\":\"/pt/legal-and-compliance\"}]}]}]}]}},\"children\":\"$L34\"}]}]}]}]]}]}]\n"])</script><script>self.__next_f.push([1,"35:I[68367,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"LoginButtonProvider\",1]\n"])</script><script>self.__next_f.push([1,"36:I[54001,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"SidebarLoginButtonProvider\",1]\n"])</script><script>self.__next_f.push([1,"37:I[76829,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"NavigationContextController\",1]\n"])</script><script>self.__next_f.push([1,"38:I[96924,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"PrefetchProvider\"]\n"])</script><script>self.__next_f.push([1,"39:I[69445,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"Fonts\"]\n"])</script><script>self.__next_f.push([1,"3a:I[12192,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"BannerProvider\",1]\n"])</script><script>self.__next_f.push([1,"3b:I[42080,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"ScrollTopScript\",1]\n"])</script><script>self.__next_f.push([1,"3c:I[92177,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"LocalStorageAndAnalyticsProviders\",1]\n"])</script><script>self.__next_f.push([1,"3d:I[83176,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"3e:I[12158,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"SearchProvider\",1]\n"])</script><script>self.__next_f.push([1,"3f:I[76982,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"SkipToContent\",1]\n"])</script><script>self.__next_f.push([1,"40:I[89261,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"AssistantLayoutWrapper\",1]\n"])</script><script>self.__next_f.push([1,"41:I[62964,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"ThemeLayout\",1]\n"])</script><script>self.__next_f.push([1,"34:[\"$\",\"$L35\",null,{\"children\":[\"$\",\"$L36\",null,{\"children\":[\"$\",\"$L37\",null,{\"children\":[\"$\",\"$L38\",null,{\"children\":[[\"$\",\"$L7\",null,{\"fonts\":\"$15:props:children:props:children:2:props:children:props:children:props:children:props:value:docsConfig:fonts\",\"theme\":\"mint\",\"subdomain\":\"claude-code\"}],[[\"$\",\"$L6\",null,{\"docsConfig\":\"$15:props:children:props:children:2:props:children:props:children:props:children:props:value:docsConfig\"}],[[\"$\",\"link\",null,{\"rel\":\"preload\",\"href\":\"https://d4tuoctqmanu0.cloudfront.net/katex.min.css\",\"as\":\"style\"}],[\"$\",\"script\",null,{\"type\":\"text/javascript\",\"children\":\"\\n (function() {\\n function loadKatex() {\\n const link = document.querySelector('link[href=\\\"https://d4tuoctqmanu0.cloudfront.net/katex.min.css\\\"]');\\n if (link) link.rel = 'stylesheet';\\n }\\n if (document.readyState === 'loading') {\\n document.addEventListener('DOMContentLoaded', loadKatex);\\n } else {\\n loadKatex();\\n }\\n })();\\n \"}]],[\"$\",\"$L8\",null,{\"theme\":\"mint\"}],[\"$\",\"$L39\",null,{\"fonts\":\"$15:props:children:props:children:2:props:children:props:children:props:children:props:value:docsConfig:fonts\",\"children\":[\"$\",\"$L3a\",null,{\"bannersByLocale\":{},\"subdomain\":\"claude-code\",\"children\":[[\"$\",\"$L3b\",null,{\"theme\":\"mint\"}],[\"$\",\"$L3c\",null,{\"subdomain\":\"claude-code\",\"children\":[\"$\",\"$L3d\",null,{\"toggles\":[{\"name\":\"dashboard-bucketing\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"ai-merge-conflict-resolution\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"tiered-billing\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"server-bucketing-cron\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"skip-github\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"dashboard-editor-theseus\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"dashboard-analytics-v6\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"self-serve-sso\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"autopilot-dashboard\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"live-preview-client\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"notification-settings\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"chat-bucketing-batched\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"agent-page\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"dashboard-auth-revamp\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"assistant-integrations\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"dashboard-analytics-search\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"viewer-role\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"agent-mintlify-slack\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"cloudflare-cache-invalidation\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false}],\"children\":[\"$\",\"$L3e\",null,{\"subdomain\":\"claude-code\",\"hasChatPermissions\":true,\"assistantConfig\":{\"enableAskAiButton\":false,\"enableStarterQuestions\":false,\"enableAskAiSearchBar\":true},\"starterQuestions\":\"$undefined\",\"children\":[[\"$\",\"$L3f\",null,{}],[\"$\",\"$L40\",null,{\"children\":[\"$\",\"$L41\",null,{\"topbar\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"topbar\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],\"theme\":\"mint\",\"children\":[[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],\"$undefined\"]}]}]]}]}]}]]}]}]]]}]}]}]}]\n"])</script><script>self.__next_f.push([1,"42:I[30793,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"ApiReferenceProvider\",1]\n"])</script><script>self.__next_f.push([1,"43:I[30793,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"PageProvider\",1]\n"])</script><script>self.__next_f.push([1,"44:I[30793,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"ApiReferenceProvider2\",1]\n"])</script><script>self.__next_f.push([1,"1a:[\"$\",\"$L42\",null,{\"value\":{\"apiReferenceData\":{}},\"children\":[\"$\",\"$L43\",null,{\"value\":{\"pageMetadata\":{\"title\":\"Extend Claude with skills\",\"description\":\"Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands.\",\"href\":\"/en/skills\",\"hidden\":false},\"lastModified\":\"2026-02-07T00:03:23.798Z\",\"description\":{\"compiledSource\":\"\\\"use strict\\\";\\nconst {jsx: _jsx} = arguments[0];\\nconst {useMDXComponents: _provideComponents} = arguments[0];\\nfunction _createMdxContent(props) {\\n const _components = {\\n p: \\\"p\\\",\\n ..._provideComponents(),\\n ...props.components\\n };\\n return _jsx(_components.p, {\\n children: \\\"Create, manage, and share skills to extend Claude’s capabilities in Claude Code. Includes custom slash commands.\\\"\\n });\\n}\\nfunction MDXContent(props = {}) {\\n const {wrapper: MDXLayout} = {\\n ..._provideComponents(),\\n ...props.components\\n };\\n return MDXLayout ? _jsx(MDXLayout, {\\n ...props,\\n children: _jsx(_createMdxContent, {\\n ...props\\n })\\n }) : _createMdxContent(props);\\n}\\nreturn {\\n default: MDXContent\\n};\\n\",\"frontmatter\":{},\"scope\":{}},\"mdxExtracts\":{\"tableOfContents\":[{\"title\":\"Getting started\",\"slug\":\"getting-started\",\"depth\":2,\"children\":[{\"title\":\"Create your first skill\",\"slug\":\"create-your-first-skill\",\"depth\":3,\"children\":[]},{\"title\":\"Where skills live\",\"slug\":\"where-skills-live\",\"depth\":3,\"children\":[]},{\"title\":\"Automatic discovery from nested directories\",\"slug\":\"automatic-discovery-from-nested-directories\",\"depth\":4,\"children\":[]},{\"title\":\"Skills from additional directories\",\"slug\":\"skills-from-additional-directories\",\"depth\":4,\"children\":[]}]},{\"title\":\"Configure skills\",\"slug\":\"configure-skills\",\"depth\":2,\"children\":[{\"title\":\"Types of skill content\",\"slug\":\"types-of-skill-content\",\"depth\":3,\"children\":[]},{\"title\":\"Frontmatter reference\",\"slug\":\"frontmatter-reference\",\"depth\":3,\"children\":[]},{\"title\":\"Available string substitutions\",\"slug\":\"available-string-substitutions\",\"depth\":4,\"children\":[]},{\"title\":\"Add supporting files\",\"slug\":\"add-supporting-files\",\"depth\":3,\"children\":[]},{\"title\":\"Control who invokes a skill\",\"slug\":\"control-who-invokes-a-skill\",\"depth\":3,\"children\":[]},{\"title\":\"Restrict tool access\",\"slug\":\"restrict-tool-access\",\"depth\":3,\"children\":[]},{\"title\":\"Pass arguments to skills\",\"slug\":\"pass-arguments-to-skills\",\"depth\":3,\"children\":[]}]},{\"title\":\"Advanced patterns\",\"slug\":\"advanced-patterns\",\"depth\":2,\"children\":[{\"title\":\"Inject dynamic context\",\"slug\":\"inject-dynamic-context\",\"depth\":3,\"children\":[]},{\"title\":\"Run skills in a subagent\",\"slug\":\"run-skills-in-a-subagent\",\"depth\":3,\"children\":[]},{\"title\":\"Example: Research skill using Explore agent\",\"slug\":\"example%3A-research-skill-using-explore-agent\",\"depth\":4,\"children\":[]},{\"title\":\"Restrict Claude’s skill access\",\"slug\":\"restrict-claude%E2%80%99s-skill-access\",\"depth\":3,\"children\":[]}]},{\"title\":\"Share skills\",\"slug\":\"share-skills\",\"depth\":2,\"children\":[{\"title\":\"Generate visual output\",\"slug\":\"generate-visual-output\",\"depth\":3,\"children\":[]}]},{\"title\":\"Troubleshooting\",\"slug\":\"troubleshooting\",\"depth\":2,\"children\":[{\"title\":\"Skill not triggering\",\"slug\":\"skill-not-triggering\",\"depth\":3,\"children\":[]},{\"title\":\"Skill triggers too often\",\"slug\":\"skill-triggers-too-often\",\"depth\":3,\"children\":[]},{\"title\":\"Claude doesn’t see all my skills\",\"slug\":\"claude-doesn%E2%80%99t-see-all-my-skills\",\"depth\":3,\"children\":[]}]},{\"title\":\"Related resources\",\"slug\":\"related-resources\",\"depth\":2,\"children\":[]}],\"codeExamples\":{}},\"pageType\":\"$undefined\",\"panelMdxSource\":\"$undefined\",\"panelMdxSourceWithNoJs\":\"$undefined\"},\"children\":[\"$\",\"$L44\",null,{\"pageMetadata\":\"$1a:props:children:props:value:pageMetadata\",\"docsConfig\":{\"theme\":\"mint\",\"$schema\":\"https://mintlify.com/docs.json\",\"name\":\"Claude Code Docs\",\"colors\":{\"primary\":\"#0E0E0E\",\"light\":\"#D4A27F\",\"dark\":\"#0E0E0E\"},\"logo\":{\"light\":\"https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/light.svg?fit=max\u0026auto=format\u0026n=o69F7a6qoW9vboof\u0026q=85\u0026s=536eade682636e84231afce2577f9509\",\"dark\":\"https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/dark.svg?fit=max\u0026auto=format\u0026n=o69F7a6qoW9vboof\u0026q=85\u0026s=0766b3221061e80143e9f300733e640b\"},\"favicon\":\"/favicon.ico\",\"appearance\":{\"default\":\"system\"},\"background\":{\"color\":{\"light\":\"#FDFDF7\",\"dark\":\"#09090B\"}},\"navbar\":{\"links\":[{\"href\":\"https://platform.claude.com/\",\"label\":\"Claude Developer Platform\"}],\"primary\":{\"type\":\"button\",\"label\":\"Claude Code on the Web\",\"href\":\"https://claude.ai/code\"}},\"navigation\":{\"languages\":[{\"language\":\"en\",\"tabs\":[{\"tab\":\"Getting started\",\"groups\":[{\"group\":\"Getting started\",\"pages\":[\"en/overview\",\"en/quickstart\",\"en/changelog\"]},{\"group\":\"Core concepts\",\"pages\":[\"en/how-claude-code-works\",\"en/features-overview\",\"en/common-workflows\",\"en/best-practices\"]},{\"group\":\"Platforms and integrations\",\"pages\":[\"en/claude-code-on-the-web\",{\"group\":\"Claude Code on desktop\",\"pages\":[\"en/desktop-quickstart\",\"en/desktop\"]},\"en/chrome\",\"en/vs-code\",\"en/jetbrains\",\"en/github-actions\",\"en/gitlab-ci-cd\",\"en/slack\"]}]},{\"tab\":\"Build with Claude Code\",\"groups\":[{\"group\":\"Build with Claude Code\",\"pages\":[\"en/sub-agents\",\"en/agent-teams\",\"en/plugins\",\"en/discover-plugins\",\"en/skills\",\"en/output-styles\",\"en/hooks-guide\",\"en/headless\",\"en/mcp\",\"en/troubleshooting\"]}]},{\"tab\":\"Deployment\",\"groups\":[{\"group\":\"Deployment\",\"pages\":[\"en/third-party-integrations\",\"en/amazon-bedrock\",\"en/google-vertex-ai\",\"en/microsoft-foundry\",\"en/network-config\",\"en/llm-gateway\",\"en/devcontainer\"]}]},{\"tab\":\"Administration\",\"groups\":[{\"group\":\"Administration\",\"pages\":[\"en/setup\",\"en/authentication\",\"en/security\",\"en/server-managed-settings\",\"en/data-usage\",\"en/monitoring-usage\",\"en/costs\",\"en/analytics\",\"en/plugin-marketplaces\"]}]},{\"tab\":\"Configuration\",\"groups\":[{\"group\":\"Configuration\",\"pages\":[\"en/settings\",\"en/permissions\",\"en/sandboxing\",\"en/terminal-config\",\"en/model-config\",\"en/fast-mode\",\"en/memory\",\"en/statusline\",\"en/keybindings\"]}]},{\"tab\":\"Reference\",\"groups\":[{\"group\":\"Reference\",\"pages\":[\"en/cli-reference\",\"en/interactive-mode\",\"en/checkpointing\",\"en/hooks\",\"en/plugins-reference\"]}]},{\"tab\":\"Resources\",\"groups\":[{\"group\":\"Resources\",\"pages\":[\"en/legal-and-compliance\"]}]}]},{\"language\":\"fr\",\"tabs\":[{\"tab\":\"Démarrer\",\"groups\":[{\"group\":\"Démarrer\",\"pages\":[\"fr/overview\",\"fr/quickstart\",\"fr/changelog\"]},{\"group\":\"Concepts fondamentaux\",\"pages\":[\"fr/how-claude-code-works\",\"fr/features-overview\",\"fr/common-workflows\",\"fr/best-practices\"]},{\"group\":\"Plateformes et intégrations\",\"pages\":[\"fr/claude-code-on-the-web\",{\"group\":\"Claude Code sur ordinateur\",\"pages\":[\"fr/desktop-quickstart\",\"fr/desktop\"]},\"fr/chrome\",\"fr/vs-code\",\"fr/jetbrains\",\"fr/github-actions\",\"fr/gitlab-ci-cd\",\"fr/slack\"]}]},{\"tab\":\"Créer avec Claude Code\",\"groups\":[{\"group\":\"Créer avec Claude Code\",\"pages\":[\"fr/sub-agents\",\"fr/agent-teams\",\"fr/plugins\",\"fr/discover-plugins\",\"fr/skills\",\"fr/output-styles\",\"fr/hooks-guide\",\"fr/headless\",\"fr/mcp\",\"fr/troubleshooting\"]}]},{\"tab\":\"Déploiement\",\"groups\":[{\"group\":\"Déploiement\",\"pages\":[\"fr/third-party-integrations\",\"fr/amazon-bedrock\",\"fr/google-vertex-ai\",\"fr/microsoft-foundry\",\"fr/network-config\",\"fr/llm-gateway\",\"fr/devcontainer\"]}]},{\"tab\":\"Administration\",\"groups\":[{\"group\":\"Administration\",\"pages\":[\"fr/setup\",\"fr/authentication\",\"fr/security\",\"fr/server-managed-settings\",\"fr/data-usage\",\"fr/monitoring-usage\",\"fr/costs\",\"fr/analytics\",\"fr/plugin-marketplaces\"]}]},{\"tab\":\"Configuration\",\"groups\":[{\"group\":\"Configuration\",\"pages\":[\"fr/settings\",\"fr/permissions\",\"fr/sandboxing\",\"fr/terminal-config\",\"fr/model-config\",\"fr/fast-mode\",\"fr/memory\",\"fr/statusline\",\"fr/keybindings\"]}]},{\"tab\":\"Référence\",\"groups\":[{\"group\":\"Référence\",\"pages\":[\"fr/cli-reference\",\"fr/interactive-mode\",\"fr/checkpointing\",\"fr/hooks\",\"fr/plugins-reference\"]}]},{\"tab\":\"Ressources\",\"groups\":[{\"group\":\"Ressources\",\"pages\":[\"fr/legal-and-compliance\"]}]}]},{\"language\":\"de\",\"tabs\":[{\"tab\":\"Erste Schritte\",\"groups\":[{\"group\":\"Erste Schritte\",\"pages\":[\"de/overview\",\"de/quickstart\",\"de/changelog\"]},{\"group\":\"Kernkonzepte\",\"pages\":[\"de/how-claude-code-works\",\"de/features-overview\",\"de/common-workflows\",\"de/best-practices\"]},{\"group\":\"Plattformen und Integrationen\",\"pages\":[\"de/claude-code-on-the-web\",{\"group\":\"Claude Code auf dem Desktop\",\"pages\":[\"de/desktop-quickstart\",\"de/desktop\"]},\"de/chrome\",\"de/vs-code\",\"de/jetbrains\",\"de/github-actions\",\"de/gitlab-ci-cd\",\"de/slack\"]}]},{\"tab\":\"Mit Claude Code erstellen\",\"groups\":[{\"group\":\"Mit Claude Code erstellen\",\"pages\":[\"de/sub-agents\",\"de/agent-teams\",\"de/plugins\",\"de/discover-plugins\",\"de/skills\",\"de/output-styles\",\"de/hooks-guide\",\"de/headless\",\"de/mcp\",\"de/troubleshooting\"]}]},{\"tab\":\"Bereitstellung\",\"groups\":[{\"group\":\"Bereitstellung\",\"pages\":[\"de/third-party-integrations\",\"de/amazon-bedrock\",\"de/google-vertex-ai\",\"de/microsoft-foundry\",\"de/network-config\",\"de/llm-gateway\",\"de/devcontainer\"]}]},{\"tab\":\"Verwaltung\",\"groups\":[{\"group\":\"Verwaltung\",\"pages\":[\"de/setup\",\"de/authentication\",\"de/security\",\"de/server-managed-settings\",\"de/data-usage\",\"de/monitoring-usage\",\"de/costs\",\"de/analytics\",\"de/plugin-marketplaces\"]}]},{\"tab\":\"Konfiguration\",\"groups\":[{\"group\":\"Konfiguration\",\"pages\":[\"de/settings\",\"de/permissions\",\"de/sandboxing\",\"de/terminal-config\",\"de/model-config\",\"de/fast-mode\",\"de/memory\",\"de/statusline\",\"de/keybindings\"]}]},{\"tab\":\"Referenz\",\"groups\":[{\"group\":\"Referenz\",\"pages\":[\"de/cli-reference\",\"de/interactive-mode\",\"de/checkpointing\",\"de/hooks\",\"de/plugins-reference\"]}]},{\"tab\":\"Ressourcen\",\"groups\":[{\"group\":\"Ressourcen\",\"pages\":[\"de/legal-and-compliance\"]}]}]},{\"language\":\"it\",\"tabs\":[{\"tab\":\"Guida introduttiva\",\"groups\":[{\"group\":\"Guida introduttiva\",\"pages\":[\"it/overview\",\"it/quickstart\",\"it/changelog\"]},{\"group\":\"Concetti fondamentali\",\"pages\":[\"it/how-claude-code-works\",\"it/features-overview\",\"it/common-workflows\",\"it/best-practices\"]},{\"group\":\"Piattaforme e integrazioni\",\"pages\":[\"it/claude-code-on-the-web\",{\"group\":\"Claude Code sul desktop\",\"pages\":[\"it/desktop-quickstart\",\"it/desktop\"]},\"it/chrome\",\"it/vs-code\",\"it/jetbrains\",\"it/github-actions\",\"it/gitlab-ci-cd\",\"it/slack\"]}]},{\"tab\":\"Sviluppate con Claude Code\",\"groups\":[{\"group\":\"Sviluppate con Claude Code\",\"pages\":[\"it/sub-agents\",\"it/agent-teams\",\"it/plugins\",\"it/discover-plugins\",\"it/skills\",\"it/output-styles\",\"it/hooks-guide\",\"it/headless\",\"it/mcp\",\"it/troubleshooting\"]}]},{\"tab\":\"Distribuzione\",\"groups\":[{\"group\":\"Distribuzione\",\"pages\":[\"it/third-party-integrations\",\"it/amazon-bedrock\",\"it/google-vertex-ai\",\"it/microsoft-foundry\",\"it/network-config\",\"it/llm-gateway\",\"it/devcontainer\"]}]},{\"tab\":\"Amministrazione\",\"groups\":[{\"group\":\"Amministrazione\",\"pages\":[\"it/setup\",\"it/authentication\",\"it/security\",\"it/server-managed-settings\",\"it/data-usage\",\"it/monitoring-usage\",\"it/costs\",\"it/analytics\",\"it/plugin-marketplaces\"]}]},{\"tab\":\"Configurazione\",\"groups\":[{\"group\":\"Configurazione\",\"pages\":[\"it/settings\",\"it/permissions\",\"it/sandboxing\",\"it/terminal-config\",\"it/model-config\",\"it/fast-mode\",\"it/memory\",\"it/statusline\",\"it/keybindings\"]}]},{\"tab\":\"Riferimento\",\"groups\":[{\"group\":\"Riferimento\",\"pages\":[\"it/cli-reference\",\"it/interactive-mode\",\"it/checkpointing\",\"it/hooks\",\"it/plugins-reference\"]}]},{\"tab\":\"Risorse\",\"groups\":[{\"group\":\"Risorse\",\"pages\":[\"it/legal-and-compliance\"]}]}]},{\"language\":\"jp\",\"tabs\":[{\"tab\":\"はじめに\",\"groups\":[{\"group\":\"はじめに\",\"pages\":[\"ja/overview\",\"ja/quickstart\",\"ja/changelog\"]},{\"group\":\"コア概念\",\"pages\":[\"ja/how-claude-code-works\",\"ja/features-overview\",\"ja/common-workflows\",\"ja/best-practices\"]},{\"group\":\"プラットフォームと統合\",\"pages\":[\"ja/claude-code-on-the-web\",{\"group\":\"Claude Code デスクトップ版\",\"pages\":[\"ja/desktop-quickstart\",\"ja/desktop\"]},\"ja/chrome\",\"ja/vs-code\",\"ja/jetbrains\",\"ja/github-actions\",\"ja/gitlab-ci-cd\",\"ja/slack\"]}]},{\"tab\":\"Claude Code で構築する\",\"groups\":[{\"group\":\"Claude Code で構築する\",\"pages\":[\"ja/sub-agents\",\"ja/agent-teams\",\"ja/plugins\",\"ja/discover-plugins\",\"ja/skills\",\"ja/output-styles\",\"ja/hooks-guide\",\"ja/headless\",\"ja/mcp\",\"ja/troubleshooting\"]}]},{\"tab\":\"デプロイ\",\"groups\":[{\"group\":\"デプロイ\",\"pages\":[\"ja/third-party-integrations\",\"ja/amazon-bedrock\",\"ja/google-vertex-ai\",\"ja/microsoft-foundry\",\"ja/network-config\",\"ja/llm-gateway\",\"ja/devcontainer\"]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[\"ja/setup\",\"ja/authentication\",\"ja/security\",\"ja/server-managed-settings\",\"ja/data-usage\",\"ja/monitoring-usage\",\"ja/costs\",\"ja/analytics\",\"ja/plugin-marketplaces\"]}]},{\"tab\":\"設定\",\"groups\":[{\"group\":\"設定\",\"pages\":[\"ja/settings\",\"ja/permissions\",\"ja/sandboxing\",\"ja/terminal-config\",\"ja/model-config\",\"ja/fast-mode\",\"ja/memory\",\"ja/statusline\",\"ja/keybindings\"]}]},{\"tab\":\"リファレンス\",\"groups\":[{\"group\":\"リファレンス\",\"pages\":[\"ja/cli-reference\",\"ja/interactive-mode\",\"ja/checkpointing\",\"ja/hooks\",\"ja/plugins-reference\"]}]},{\"tab\":\"リソース\",\"groups\":[{\"group\":\"リソース\",\"pages\":[\"ja/legal-and-compliance\"]}]}]},{\"language\":\"es\",\"tabs\":[{\"tab\":\"Primeros pasos\",\"groups\":[{\"group\":\"Primeros pasos\",\"pages\":[\"es/overview\",\"es/quickstart\",\"es/changelog\"]},{\"group\":\"Conceptos fundamentales\",\"pages\":[\"es/how-claude-code-works\",\"es/features-overview\",\"es/common-workflows\",\"es/best-practices\"]},{\"group\":\"Plataformas e integraciones\",\"pages\":[\"es/claude-code-on-the-web\",{\"group\":\"Claude Code en escritorio\",\"pages\":[\"es/desktop-quickstart\",\"es/desktop\"]},\"es/chrome\",\"es/vs-code\",\"es/jetbrains\",\"es/github-actions\",\"es/gitlab-ci-cd\",\"es/slack\"]}]},{\"tab\":\"Crear con Claude Code\",\"groups\":[{\"group\":\"Crear con Claude Code\",\"pages\":[\"es/sub-agents\",\"es/agent-teams\",\"es/plugins\",\"es/discover-plugins\",\"es/skills\",\"es/output-styles\",\"es/hooks-guide\",\"es/headless\",\"es/mcp\",\"es/troubleshooting\"]}]},{\"tab\":\"Implementación\",\"groups\":[{\"group\":\"Implementación\",\"pages\":[\"es/third-party-integrations\",\"es/amazon-bedrock\",\"es/google-vertex-ai\",\"es/microsoft-foundry\",\"es/network-config\",\"es/llm-gateway\",\"es/devcontainer\"]}]},{\"tab\":\"Administración\",\"groups\":[{\"group\":\"Administración\",\"pages\":[\"es/setup\",\"es/authentication\",\"es/security\",\"es/server-managed-settings\",\"es/data-usage\",\"es/monitoring-usage\",\"es/costs\",\"es/analytics\",\"es/plugin-marketplaces\"]}]},{\"tab\":\"Configuración\",\"groups\":[{\"group\":\"Configuración\",\"pages\":[\"es/settings\",\"es/permissions\",\"es/sandboxing\",\"es/terminal-config\",\"es/model-config\",\"es/fast-mode\",\"es/memory\",\"es/statusline\",\"es/keybindings\"]}]},{\"tab\":\"Referencia\",\"groups\":[{\"group\":\"Referencia\",\"pages\":[\"es/cli-reference\",\"es/interactive-mode\",\"es/checkpointing\",\"es/hooks\",\"es/plugins-reference\"]}]},{\"tab\":\"Recursos\",\"groups\":[{\"group\":\"Recursos\",\"pages\":[\"es/legal-and-compliance\"]}]}]},{\"language\":\"ko\",\"tabs\":[{\"tab\":\"시작하기\",\"groups\":[{\"group\":\"시작하기\",\"pages\":[\"ko/overview\",\"ko/quickstart\",\"ko/changelog\"]},{\"group\":\"핵심 개념\",\"pages\":[\"ko/how-claude-code-works\",\"ko/features-overview\",\"ko/common-workflows\",\"ko/best-practices\"]},{\"group\":\"플랫폼 및 통합\",\"pages\":[\"ko/claude-code-on-the-web\",{\"group\":\"Claude Code 데스크톱\",\"pages\":[\"ko/desktop-quickstart\",\"ko/desktop\"]},\"ko/chrome\",\"ko/vs-code\",\"ko/jetbrains\",\"ko/github-actions\",\"ko/gitlab-ci-cd\",\"ko/slack\"]}]},{\"tab\":\"Claude Code로 빌드하기\",\"groups\":[{\"group\":\"Claude Code로 빌드하기\",\"pages\":[\"ko/sub-agents\",\"ko/agent-teams\",\"ko/plugins\",\"ko/discover-plugins\",\"ko/skills\",\"ko/output-styles\",\"ko/hooks-guide\",\"ko/headless\",\"ko/mcp\",\"ko/troubleshooting\"]}]},{\"tab\":\"배포\",\"groups\":[{\"group\":\"배포\",\"pages\":[\"ko/third-party-integrations\",\"ko/amazon-bedrock\",\"ko/google-vertex-ai\",\"ko/microsoft-foundry\",\"ko/network-config\",\"ko/llm-gateway\",\"ko/devcontainer\"]}]},{\"tab\":\"관리\",\"groups\":[{\"group\":\"관리\",\"pages\":[\"ko/setup\",\"ko/authentication\",\"ko/security\",\"ko/server-managed-settings\",\"ko/data-usage\",\"ko/monitoring-usage\",\"ko/costs\",\"ko/analytics\",\"ko/plugin-marketplaces\"]}]},{\"tab\":\"구성\",\"groups\":[{\"group\":\"구성\",\"pages\":[\"ko/settings\",\"ko/permissions\",\"ko/sandboxing\",\"ko/terminal-config\",\"ko/model-config\",\"ko/fast-mode\",\"ko/memory\",\"ko/statusline\",\"ko/keybindings\"]}]},{\"tab\":\"참고\",\"groups\":[{\"group\":\"참고\",\"pages\":[\"ko/cli-reference\",\"ko/interactive-mode\",\"ko/checkpointing\",\"ko/hooks\",\"ko/plugins-reference\"]}]},{\"tab\":\"리소스\",\"groups\":[{\"group\":\"리소스\",\"pages\":[\"ko/legal-and-compliance\"]}]}]},{\"language\":\"cn\",\"tabs\":[{\"tab\":\"快速开始\",\"groups\":[{\"group\":\"快速开始\",\"pages\":[\"zh-CN/overview\",\"zh-CN/quickstart\",\"zh-CN/changelog\"]},{\"group\":\"核心概念\",\"pages\":[\"zh-CN/how-claude-code-works\",\"zh-CN/features-overview\",\"zh-CN/common-workflows\",\"zh-CN/best-practices\"]},{\"group\":\"平台和集成\",\"pages\":[\"zh-CN/claude-code-on-the-web\",{\"group\":\"Claude Code 桌面版\",\"pages\":[\"zh-CN/desktop-quickstart\",\"zh-CN/desktop\"]},\"zh-CN/chrome\",\"zh-CN/vs-code\",\"zh-CN/jetbrains\",\"zh-CN/github-actions\",\"zh-CN/gitlab-ci-cd\",\"zh-CN/slack\"]}]},{\"tab\":\"使用 Claude Code 构建\",\"groups\":[{\"group\":\"使用 Claude Code 构建\",\"pages\":[\"zh-CN/sub-agents\",\"zh-CN/agent-teams\",\"zh-CN/plugins\",\"zh-CN/discover-plugins\",\"zh-CN/skills\",\"zh-CN/output-styles\",\"zh-CN/hooks-guide\",\"zh-CN/headless\",\"zh-CN/mcp\",\"zh-CN/troubleshooting\"]}]},{\"tab\":\"部署\",\"groups\":[{\"group\":\"部署\",\"pages\":[\"zh-CN/third-party-integrations\",\"zh-CN/amazon-bedrock\",\"zh-CN/google-vertex-ai\",\"zh-CN/microsoft-foundry\",\"zh-CN/network-config\",\"zh-CN/llm-gateway\",\"zh-CN/devcontainer\"]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[\"zh-CN/setup\",\"zh-CN/authentication\",\"zh-CN/security\",\"zh-CN/server-managed-settings\",\"zh-CN/data-usage\",\"zh-CN/monitoring-usage\",\"zh-CN/costs\",\"zh-CN/analytics\",\"zh-CN/plugin-marketplaces\"]}]},{\"tab\":\"配置\",\"groups\":[{\"group\":\"配置\",\"pages\":[\"zh-CN/settings\",\"zh-CN/permissions\",\"zh-CN/sandboxing\",\"zh-CN/terminal-config\",\"zh-CN/model-config\",\"zh-CN/fast-mode\",\"zh-CN/memory\",\"zh-CN/statusline\",\"zh-CN/keybindings\"]}]},{\"tab\":\"参考\",\"groups\":[{\"group\":\"参考\",\"pages\":[\"zh-CN/cli-reference\",\"zh-CN/interactive-mode\",\"zh-CN/checkpointing\",\"zh-CN/hooks\",\"zh-CN/plugins-reference\"]}]},{\"tab\":\"资源\",\"groups\":[{\"group\":\"资源\",\"pages\":[\"zh-CN/legal-and-compliance\"]}]}]},{\"language\":\"zh-Hant\",\"tabs\":[{\"tab\":\"開始使用\",\"groups\":[{\"group\":\"開始使用\",\"pages\":[\"zh-TW/overview\",\"zh-TW/quickstart\",\"zh-TW/changelog\"]},{\"group\":\"核心概念\",\"pages\":[\"zh-TW/how-claude-code-works\",\"zh-TW/features-overview\",\"zh-TW/common-workflows\",\"zh-TW/best-practices\"]},{\"group\":\"平台和整合\",\"pages\":[\"zh-TW/claude-code-on-the-web\",{\"group\":\"Claude Code 桌面版\",\"pages\":[\"zh-TW/desktop-quickstart\",\"zh-TW/desktop\"]},\"zh-TW/chrome\",\"zh-TW/vs-code\",\"zh-TW/jetbrains\",\"zh-TW/github-actions\",\"zh-TW/gitlab-ci-cd\",\"zh-TW/slack\"]}]},{\"tab\":\"使用 Claude Code 建構\",\"groups\":[{\"group\":\"使用 Claude Code 建構\",\"pages\":[\"zh-TW/sub-agents\",\"zh-TW/agent-teams\",\"zh-TW/plugins\",\"zh-TW/discover-plugins\",\"zh-TW/skills\",\"zh-TW/output-styles\",\"zh-TW/hooks-guide\",\"zh-TW/headless\",\"zh-TW/mcp\",\"zh-TW/troubleshooting\"]}]},{\"tab\":\"部署\",\"groups\":[{\"group\":\"部署\",\"pages\":[\"zh-TW/third-party-integrations\",\"zh-TW/amazon-bedrock\",\"zh-TW/google-vertex-ai\",\"zh-TW/microsoft-foundry\",\"zh-TW/network-config\",\"zh-TW/llm-gateway\",\"zh-TW/devcontainer\"]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[\"zh-TW/setup\",\"zh-TW/authentication\",\"zh-TW/security\",\"zh-TW/server-managed-settings\",\"zh-TW/data-usage\",\"zh-TW/monitoring-usage\",\"zh-TW/costs\",\"zh-TW/analytics\",\"zh-TW/plugin-marketplaces\"]}]},{\"tab\":\"設定\",\"groups\":[{\"group\":\"設定\",\"pages\":[\"zh-TW/settings\",\"zh-TW/permissions\",\"zh-TW/sandboxing\",\"zh-TW/terminal-config\",\"zh-TW/model-config\",\"zh-TW/fast-mode\",\"zh-TW/memory\",\"zh-TW/statusline\",\"zh-TW/keybindings\"]}]},{\"tab\":\"參考資料\",\"groups\":[{\"group\":\"參考資料\",\"pages\":[\"zh-TW/cli-reference\",\"zh-TW/interactive-mode\",\"zh-TW/checkpointing\",\"zh-TW/hooks\",\"zh-TW/plugins-reference\"]}]},{\"tab\":\"資源\",\"groups\":[{\"group\":\"資源\",\"pages\":[\"zh-TW/legal-and-compliance\"]}]}]},{\"language\":\"ru\",\"tabs\":[{\"tab\":\"Начало работы\",\"groups\":[{\"group\":\"Начало работы\",\"pages\":[\"ru/overview\",\"ru/quickstart\",\"ru/changelog\"]},{\"group\":\"Основные концепции\",\"pages\":[\"ru/how-claude-code-works\",\"ru/features-overview\",\"ru/common-workflows\",\"ru/best-practices\"]},{\"group\":\"Платформы и интеграции\",\"pages\":[\"ru/claude-code-on-the-web\",{\"group\":\"Claude Code на рабочем столе\",\"pages\":[\"ru/desktop-quickstart\",\"ru/desktop\"]},\"ru/chrome\",\"ru/vs-code\",\"ru/jetbrains\",\"ru/github-actions\",\"ru/gitlab-ci-cd\",\"ru/slack\"]}]},{\"tab\":\"Разработка с Claude Code\",\"groups\":[{\"group\":\"Разработка с Claude Code\",\"pages\":[\"ru/sub-agents\",\"ru/agent-teams\",\"ru/plugins\",\"ru/discover-plugins\",\"ru/skills\",\"ru/output-styles\",\"ru/hooks-guide\",\"ru/headless\",\"ru/mcp\",\"ru/troubleshooting\"]}]},{\"tab\":\"Развертывание\",\"groups\":[{\"group\":\"Развертывание\",\"pages\":[\"ru/third-party-integrations\",\"ru/amazon-bedrock\",\"ru/google-vertex-ai\",\"ru/microsoft-foundry\",\"ru/network-config\",\"ru/llm-gateway\",\"ru/devcontainer\"]}]},{\"tab\":\"Администрирование\",\"groups\":[{\"group\":\"Администрирование\",\"pages\":[\"ru/setup\",\"ru/authentication\",\"ru/security\",\"ru/server-managed-settings\",\"ru/data-usage\",\"ru/monitoring-usage\",\"ru/costs\",\"ru/analytics\",\"ru/plugin-marketplaces\"]}]},{\"tab\":\"Конфигурация\",\"groups\":[{\"group\":\"Конфигурация\",\"pages\":[\"ru/settings\",\"ru/permissions\",\"ru/sandboxing\",\"ru/terminal-config\",\"ru/model-config\",\"ru/fast-mode\",\"ru/memory\",\"ru/statusline\",\"ru/keybindings\"]}]},{\"tab\":\"Справочник\",\"groups\":[{\"group\":\"Справочник\",\"pages\":[\"ru/cli-reference\",\"ru/interactive-mode\",\"ru/checkpointing\",\"ru/hooks\",\"ru/plugins-reference\"]}]},{\"tab\":\"Ресурсы\",\"groups\":[{\"group\":\"Ресурсы\",\"pages\":[\"ru/legal-and-compliance\"]}]}]},{\"language\":\"id\",\"tabs\":[{\"tab\":\"Memulai\",\"groups\":[{\"group\":\"Memulai\",\"pages\":[\"id/overview\",\"id/quickstart\",\"id/changelog\"]},{\"group\":\"Konsep Inti\",\"pages\":[\"id/how-claude-code-works\",\"id/features-overview\",\"id/common-workflows\",\"id/best-practices\"]},{\"group\":\"Platform dan integrasi\",\"pages\":[\"id/claude-code-on-the-web\",{\"group\":\"Claude Code di desktop\",\"pages\":[\"id/desktop-quickstart\",\"id/desktop\"]},\"id/chrome\",\"id/vs-code\",\"id/jetbrains\",\"id/github-actions\",\"id/gitlab-ci-cd\",\"id/slack\"]}]},{\"tab\":\"Bangun dengan Claude Code\",\"groups\":[{\"group\":\"Bangun dengan Claude Code\",\"pages\":[\"id/sub-agents\",\"id/agent-teams\",\"id/plugins\",\"id/discover-plugins\",\"id/skills\",\"id/output-styles\",\"id/hooks-guide\",\"id/headless\",\"id/mcp\",\"id/troubleshooting\"]}]},{\"tab\":\"Penerapan\",\"groups\":[{\"group\":\"Penerapan\",\"pages\":[\"id/third-party-integrations\",\"id/amazon-bedrock\",\"id/google-vertex-ai\",\"id/microsoft-foundry\",\"id/network-config\",\"id/llm-gateway\",\"id/devcontainer\"]}]},{\"tab\":\"Administrasi\",\"groups\":[{\"group\":\"Administrasi\",\"pages\":[\"id/setup\",\"id/authentication\",\"id/security\",\"id/server-managed-settings\",\"id/data-usage\",\"id/monitoring-usage\",\"id/costs\",\"id/analytics\",\"id/plugin-marketplaces\"]}]},{\"tab\":\"Konfigurasi\",\"groups\":[{\"group\":\"Konfigurasi\",\"pages\":[\"id/settings\",\"id/permissions\",\"id/sandboxing\",\"id/terminal-config\",\"id/model-config\",\"id/fast-mode\",\"id/memory\",\"id/statusline\",\"id/keybindings\"]}]},{\"tab\":\"Referensi\",\"groups\":[{\"group\":\"Referensi\",\"pages\":[\"id/cli-reference\",\"id/interactive-mode\",\"id/checkpointing\",\"id/hooks\",\"id/plugins-reference\"]}]},{\"tab\":\"Sumber Daya\",\"groups\":[{\"group\":\"Sumber Daya\",\"pages\":[\"id/legal-and-compliance\"]}]}]},{\"language\":\"pt-BR\",\"tabs\":[{\"tab\":\"Primeiros passos\",\"groups\":[{\"group\":\"Primeiros passos\",\"pages\":[\"pt/overview\",\"pt/quickstart\",\"pt/changelog\"]},{\"group\":\"Conceitos principais\",\"pages\":[\"pt/how-claude-code-works\",\"pt/features-overview\",\"pt/common-workflows\",\"pt/best-practices\"]},{\"group\":\"Plataformas e integrações\",\"pages\":[\"pt/claude-code-on-the-web\",{\"group\":\"Claude Code no desktop\",\"pages\":[\"pt/desktop-quickstart\",\"pt/desktop\"]},\"pt/chrome\",\"pt/vs-code\",\"pt/jetbrains\",\"pt/github-actions\",\"pt/gitlab-ci-cd\",\"pt/slack\"]}]},{\"tab\":\"Construir com Claude Code\",\"groups\":[{\"group\":\"Construir com Claude Code\",\"pages\":[\"pt/sub-agents\",\"pt/agent-teams\",\"pt/plugins\",\"pt/discover-plugins\",\"pt/skills\",\"pt/output-styles\",\"pt/hooks-guide\",\"pt/headless\",\"pt/mcp\",\"pt/troubleshooting\"]}]},{\"tab\":\"Implantação\",\"groups\":[{\"group\":\"Implantação\",\"pages\":[\"pt/third-party-integrations\",\"pt/amazon-bedrock\",\"pt/google-vertex-ai\",\"pt/microsoft-foundry\",\"pt/network-config\",\"pt/llm-gateway\",\"pt/devcontainer\"]}]},{\"tab\":\"Administração\",\"groups\":[{\"group\":\"Administração\",\"pages\":[\"pt/setup\",\"pt/authentication\",\"pt/security\",\"pt/server-managed-settings\",\"pt/data-usage\",\"pt/monitoring-usage\",\"pt/costs\",\"pt/analytics\",\"pt/plugin-marketplaces\"]}]},{\"tab\":\"Configuração\",\"groups\":[{\"group\":\"Configuração\",\"pages\":[\"pt/settings\",\"pt/permissions\",\"pt/sandboxing\",\"pt/terminal-config\",\"pt/model-config\",\"pt/fast-mode\",\"pt/memory\",\"pt/statusline\",\"pt/keybindings\"]}]},{\"tab\":\"Referência\",\"groups\":[{\"group\":\"Referência\",\"pages\":[\"pt/cli-reference\",\"pt/interactive-mode\",\"pt/checkpointing\",\"pt/hooks\",\"pt/plugins-reference\"]}]},{\"tab\":\"Recursos\",\"groups\":[{\"group\":\"Recursos\",\"pages\":[\"pt/legal-and-compliance\"]}]}]}]},\"footer\":{\"socials\":{\"x\":\"https://x.com/AnthropicAI\",\"linkedin\":\"https://www.linkedin.com/company/anthropicresearch\"},\"links\":[{\"header\":\"Company\",\"items\":[{\"label\":\"Anthropic\",\"href\":\"https://www.anthropic.com/company\"},{\"label\":\"Careers\",\"href\":\"https://www.anthropic.com/careers\"},{\"label\":\"Economic Futures\",\"href\":\"https://www.anthropic.com/economic-futures\"},{\"label\":\"Research\",\"href\":\"https://www.anthropic.com/research\"},{\"label\":\"News\",\"href\":\"https://www.anthropic.com/news\"},{\"label\":\"Trust center\",\"href\":\"https://trust.anthropic.com/\"},{\"label\":\"Transparency\",\"href\":\"https://www.anthropic.com/transparency\"}]},{\"header\":\"Help and security\",\"items\":[{\"label\":\"Availability\",\"href\":\"https://www.anthropic.com/supported-countries\"},{\"label\":\"Status\",\"href\":\"https://status.anthropic.com/\"},{\"label\":\"Support center\",\"href\":\"https://support.claude.com/\"}]},{\"header\":\"Learn\",\"items\":[{\"label\":\"Courses\",\"href\":\"https://www.anthropic.com/learn\"},{\"label\":\"MCP connectors\",\"href\":\"https://claude.com/partners/mcp\"},{\"label\":\"Customer stories\",\"href\":\"https://www.claude.com/customers\"},{\"label\":\"Engineering blog\",\"href\":\"https://www.anthropic.com/engineering\"},{\"label\":\"Events\",\"href\":\"https://www.anthropic.com/events\"},{\"label\":\"Powered by Claude\",\"href\":\"https://claude.com/partners/powered-by-claude\"},{\"label\":\"Service partners\",\"href\":\"https://claude.com/partners/services\"},{\"label\":\"Startups program\",\"href\":\"https://claude.com/programs/startups\"}]},{\"header\":\"Terms and policies\",\"items\":[{\"label\":\"Privacy policy\",\"href\":\"https://www.anthropic.com/legal/privacy\"},{\"label\":\"Disclosure policy\",\"href\":\"https://www.anthropic.com/responsible-disclosure-policy\"},{\"label\":\"Usage policy\",\"href\":\"https://www.anthropic.com/legal/aup\"},{\"label\":\"Commercial terms\",\"href\":\"https://www.anthropic.com/legal/commercial-terms\"},{\"label\":\"Consumer terms\",\"href\":\"https://www.anthropic.com/legal/consumer-terms\"}]}]},\"seo\":{\"metatags\":{\"canonical\":\"https://code.claude.com/docs\"}},\"fonts\":{\"family\":\"Anthropic Sans\"},\"redirects\":[{\"source\":\"/en/iam\",\"destination\":\"/en/authentication\",\"permanent\":true},{\"source\":\"/en/cli-usage\",\"destination\":\"/en/cli-reference\",\"permanent\":true},{\"source\":\"/en/ide-integrations\",\"destination\":\"/en/vs-code\",\"permanent\":true},{\"source\":\"/en/tutorials\",\"destination\":\"/en/common-workflows\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/tutorials\",\"destination\":\"/en/common-workflows\",\"permanent\":true},{\"source\":\"/en/team\",\"destination\":\"/en/authentication\",\"permanent\":true},{\"source\":\"/en/corporate-proxy\",\"destination\":\"/en/network-config\",\"permanent\":true},{\"source\":\"/en/sdk/sdk-headless\",\"destination\":\"/en/headless\",\"permanent\":true},{\"source\":\"/s/claude-code-github-actions\",\"destination\":\"/en/github-actions\",\"permanent\":false},{\"source\":\"/s/claude-code-ide-integrations\",\"destination\":\"/en/ide-integrations\",\"permanent\":false},{\"source\":\"/s/claude-code-worktrees\",\"destination\":\"/en/common-workflows#run-parallel-claude-code-sessions-with-git-worktrees\",\"permanent\":false},{\"source\":\"/s/claude-code-troubleshooting\",\"destination\":\"/en/troubleshooting\",\"permanent\":false},{\"source\":\"/s/claude-code-auto-updater\",\"destination\":\"/en/settings#auto-updater-permission-options\",\"permanent\":false},{\"source\":\"/s/claude-code-mcp\",\"destination\":\"/en/mcp\",\"permanent\":false},{\"source\":\"/s/claude-code-cost\",\"destination\":\"/en/costs\",\"permanent\":false},{\"source\":\"/s/claude-code\",\"destination\":\"/en/overview\",\"permanent\":false},{\"source\":\"/s/claude-code-security\",\"destination\":\"/en/security\",\"permanent\":false},{\"source\":\"/en/agents-and-tools/claude-code/overview\",\"destination\":\"/en/overview\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/common-workflows\",\"destination\":\"/en/common-workflows\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/troubleshooting\",\"destination\":\"/en/troubleshooting\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/overview#notification-setup\",\"destination\":\"/en/setup#notification-setup\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/bedrock-vertex\",\"destination\":\"/en/third-party-integrations\",\"permanent\":true},{\"source\":\"/en/bedrock-vertex\",\"destination\":\"/en/third-party-integrations\",\"permanent\":true},{\"source\":\"/s/claude-code-enterprise-setup\",\"destination\":\"/en/third-party-integrations\",\"permanent\":false},{\"source\":\"/en/bedrock-vertex-proxies\",\"destination\":\"/en/third-party-integrations\",\"permanent\":true},{\"source\":\"/en/getting-started\",\"destination\":\"/en/setup\",\"permanent\":true},{\"source\":\"/en/subagents\",\"destination\":\"/en/sub-agents\",\"permanent\":true},{\"source\":\"/en/azure-ai-foundry\",\"destination\":\"/en/microsoft-foundry\",\"permanent\":true},{\"source\":\"/en/sdk/migration-guide\",\"destination\":\"https://platform.claude.com/docs/en/agent-sdk/migration-guide\",\"permanent\":true},{\"source\":\"/en/slash-commands\",\"destination\":\"/en/skills\",\"permanent\":true}],\"contextual\":{\"options\":[\"copy\",\"view\",\"claude\"],\"display\":\"header\"},\"styling\":{\"latex\":true}},\"mdxExtracts\":\"$1a:props:children:props:value:mdxExtracts\",\"apiReferenceData2\":\"$undefined\",\"children\":\"$L45\"}]}]}]\n"])</script><script>self.__next_f.push([1,"46:I[97870,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"TabSyncContextProvider\"]\n"])</script><script>self.__next_f.push([1,"47:I[42080,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"FooterAndSidebarScrollScript\",1]\n"])</script><script>self.__next_f.push([1,"48:I[91153,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"Background\",1]\n"])</script><script>self.__next_f.push([1,"4d:I[1221,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"45960\",\"static/chunks/45960-6a130743f551197d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"83378\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%40topbar/%5B%5B...slug%5D%5D/page-e4ccff3e6922c6c6.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"TopBar\",1]\n"])</script><script>self.__next_f.push([1,"49:T1126,"])</script><script>self.__next_f.push([1,"\n/* These styles mirror our design system (converted to plain CSS with Claude's help) from https://ui.product.ant.dev/button */\n\n/* Base button styles */\n.btn {\n position: relative;\n display: inline-flex;\n gap: 0.5rem;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n min-width: 5rem;\n height: 2.25rem;\n padding: 0.5rem 1rem;\n white-space: nowrap;\n font-family: Styrene;\n font-weight: 600;\n border-radius: 0.5rem;\n \u0026:active {\n transform: scale(0.985);\n }\n\n /* Size variants */\n \u0026.size-xs {\n height: 1.75rem;\n min-width: 3.5rem;\n padding: 0 0.5rem;\n border-radius: 0.25rem;\n font-size: 0.75rem;\n gap: 0.25rem;\n }\n \n \u0026.size-sm {\n height: 2rem;\n min-width: 4rem;\n padding: 0 0.75rem;\n border-radius: 0.375rem;\n font-size: 0.75rem;\n }\n\n \u0026.size-lg {\n height: 2.75rem;\n min-width: 6rem;\n padding: 0 1.25rem;\n border-radius: 0.6rem;\n }\n\n \u0026:disabled {\n pointer-events: none;\n opacity: 0.5;\n box-shadow: none;\n }\n\n \u0026:focus-visible {\n outline: none;\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow);\n }\n\n /* Primary variant */\n \u0026.primary {\n font-weight: 600;\n color: hsl(var(--oncolor-100));\n background-color: hsl(var(--accent-main-100));\n background-image: linear-gradient(\n to right,\n hsl(var(--accent-main-100)) 0%,\n hsl(var(--accent-main-200) / 0.5) 50%,\n hsl(var(--accent-main-200)) 100%\n );\n background-size: 200% 100%;\n background-position: 0% 0%;\n border: 0.5px solid hsl(var(--border-300) / 0.25);\n box-shadow: \n inset 0 0.5px 0px rgba(255, 255, 0, 0.15),\n 0 1px 1px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px 2px rgb(0 0 0 / 10%);\n transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n\n \u0026:hover {\n background-position: 100% 0%;\n background-image: linear-gradient(\n to right,\n hsl(var(--accent-main-200)) 0%,\n hsl(var(--accent-main-200)) 100%\n );\n }\n\n \u0026:active {\n background-color: hsl(var(--accent-main-000));\n box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.2);\n transform: scale(0.985);\n }\n }\n\n /* Flat variant */\n \u0026.flat {\n font-weight: 500;\n color: hsl(var(--oncolor-100));\n background-color: hsl(var(--accent-main-100));\n transition: background-color 150ms;\n\n \u0026:hover {\n background-color: hsl(var(--accent-main-200));\n }\n }\n\n /* Secondary variant */\n \u0026.secondary {\n font-weight: 600;\n color: hsl(var(--text-100) / 0.9);\n background-image: radial-gradient(\n ellipse at center,\n hsl(var(--bg-500) / 0.1) 50%,\n hsl(var(--bg-500) / 0.3) 100%\n );\n border: 0.5px solid hsl(var(--border-400));\n transition: color 150ms, background-color 150ms;\n\n \u0026:hover {\n color: hsl(var(--text-000));\n background-color: hsl(var(--bg-500) / 0.6);\n }\n\n \u0026:active {\n background-color: hsl(var(--bg-500) / 0.5);\n }\n }\n\n /* Outline variant */\n \u0026.outline {\n font-weight: 600;\n color: hsl(var(--text-200));\n background-color: transparent;\n border: 1.5px solid currentColor;\n transition: color 150ms, background-color 150ms;\n\n \u0026:hover {\n color: hsl(var(--text-100));\n background-color: hsl(var(--bg-400));\n border-color: hsl(var(--bg-400));\n }\n }\n\n /* Ghost variant */\n \u0026.ghost {\n color: hsl(var(--text-200));\n border-color: transparent;\n transition: color 150ms, background-color 150ms;\n\n \u0026:hover {\n color: hsl(var(--text-100));\n background-color: hsl(var(--bg-500) / 0.4);\n }\n\n \u0026:active {\n background-color: hsl(var(--bg-400));\n }\n }\n\n /* Underline variant */\n \u0026.underline {\n opacity: 0.8;\n text-decoration-line: none;\n text-underline-offset: 3px;\n transition: all 150ms;\n\n \u0026:hover {\n opacity: 1;\n text-decoration-line: underline;\n }\n\n \u0026:active {\n transform: scale(0.985);\n }\n }\n\n /* Danger variant */\n \u0026.danger {\n font-weight: 600;\n color: hsl(var(--oncolor-100));\n background-color: hsl(var(--danger-100));\n transition: background-color 150ms;\n\n \u0026:hover {\n background-color: hsl(var(--danger-200));\n }\n }\n}\n"])</script><script>self.__next_f.push([1,"45:[\"$\",\"$L46\",null,{\"children\":[[\"$\",\"$L2f\",null,{\"id\":\"_mintlify-page-mode-script\",\"strategy\":\"beforeInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"document.documentElement.setAttribute('data-page-mode', 'none');\"}}],[\"$\",\"$L47\",null,{\"theme\":\"mint\"}],[\"$\",\"$L48\",null,{\"docsConfig\":\"$1a:props:children:props:children:props:docsConfig\",\"pageMetadata\":\"$1a:props:children:props:value:pageMetadata\"}],[[\"$\",\"style\",\"0\",{\"data-custom-css-index\":0,\"data-custom-css-path\":\"button.css\",\"dangerouslySetInnerHTML\":{\"__html\":\"$49\"}}],\"$L4a\"],\"$L4b\",\"$L4c\"]}]\n"])</script><script>self.__next_f.push([1,"16:[\"$\",\"$L4d\",null,{\"pageMetadata\":{\"title\":\"Extend Claude with skills\",\"description\":\"Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands.\",\"href\":\"/en/skills\",\"hidden\":false},\"docsConfig\":{\"theme\":\"mint\",\"$schema\":\"https://mintlify.com/docs.json\",\"name\":\"Claude Code Docs\",\"colors\":{\"primary\":\"#0E0E0E\",\"light\":\"#D4A27F\",\"dark\":\"#0E0E0E\"},\"logo\":{\"light\":\"https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/light.svg?fit=max\u0026auto=format\u0026n=o69F7a6qoW9vboof\u0026q=85\u0026s=536eade682636e84231afce2577f9509\",\"dark\":\"https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/dark.svg?fit=max\u0026auto=format\u0026n=o69F7a6qoW9vboof\u0026q=85\u0026s=0766b3221061e80143e9f300733e640b\"},\"favicon\":\"/favicon.ico\",\"appearance\":{\"default\":\"system\"},\"background\":{\"color\":{\"light\":\"#FDFDF7\",\"dark\":\"#09090B\"}},\"navbar\":{\"links\":[{\"href\":\"https://platform.claude.com/\",\"label\":\"Claude Developer Platform\"}],\"primary\":{\"type\":\"button\",\"label\":\"Claude Code on the Web\",\"href\":\"https://claude.ai/code\"}},\"navigation\":{\"languages\":[{\"language\":\"en\",\"tabs\":[{\"tab\":\"Getting started\",\"groups\":[{\"group\":\"Getting started\",\"pages\":[\"en/overview\",\"en/quickstart\",\"en/changelog\"]},{\"group\":\"Core concepts\",\"pages\":[\"en/how-claude-code-works\",\"en/features-overview\",\"en/common-workflows\",\"en/best-practices\"]},{\"group\":\"Platforms and integrations\",\"pages\":[\"en/claude-code-on-the-web\",{\"group\":\"Claude Code on desktop\",\"pages\":[\"en/desktop-quickstart\",\"en/desktop\"]},\"en/chrome\",\"en/vs-code\",\"en/jetbrains\",\"en/github-actions\",\"en/gitlab-ci-cd\",\"en/slack\"]}]},{\"tab\":\"Build with Claude Code\",\"groups\":[{\"group\":\"Build with Claude Code\",\"pages\":[\"en/sub-agents\",\"en/agent-teams\",\"en/plugins\",\"en/discover-plugins\",\"en/skills\",\"en/output-styles\",\"en/hooks-guide\",\"en/headless\",\"en/mcp\",\"en/troubleshooting\"]}]},{\"tab\":\"Deployment\",\"groups\":[{\"group\":\"Deployment\",\"pages\":[\"en/third-party-integrations\",\"en/amazon-bedrock\",\"en/google-vertex-ai\",\"en/microsoft-foundry\",\"en/network-config\",\"en/llm-gateway\",\"en/devcontainer\"]}]},{\"tab\":\"Administration\",\"groups\":[{\"group\":\"Administration\",\"pages\":[\"en/setup\",\"en/authentication\",\"en/security\",\"en/server-managed-settings\",\"en/data-usage\",\"en/monitoring-usage\",\"en/costs\",\"en/analytics\",\"en/plugin-marketplaces\"]}]},{\"tab\":\"Configuration\",\"groups\":[{\"group\":\"Configuration\",\"pages\":[\"en/settings\",\"en/permissions\",\"en/sandboxing\",\"en/terminal-config\",\"en/model-config\",\"en/fast-mode\",\"en/memory\",\"en/statusline\",\"en/keybindings\"]}]},{\"tab\":\"Reference\",\"groups\":[{\"group\":\"Reference\",\"pages\":[\"en/cli-reference\",\"en/interactive-mode\",\"en/checkpointing\",\"en/hooks\",\"en/plugins-reference\"]}]},{\"tab\":\"Resources\",\"groups\":[{\"group\":\"Resources\",\"pages\":[\"en/legal-and-compliance\"]}]}]},{\"language\":\"fr\",\"tabs\":[{\"tab\":\"Démarrer\",\"groups\":[{\"group\":\"Démarrer\",\"pages\":[\"fr/overview\",\"fr/quickstart\",\"fr/changelog\"]},{\"group\":\"Concepts fondamentaux\",\"pages\":[\"fr/how-claude-code-works\",\"fr/features-overview\",\"fr/common-workflows\",\"fr/best-practices\"]},{\"group\":\"Plateformes et intégrations\",\"pages\":[\"fr/claude-code-on-the-web\",{\"group\":\"Claude Code sur ordinateur\",\"pages\":[\"fr/desktop-quickstart\",\"fr/desktop\"]},\"fr/chrome\",\"fr/vs-code\",\"fr/jetbrains\",\"fr/github-actions\",\"fr/gitlab-ci-cd\",\"fr/slack\"]}]},{\"tab\":\"Créer avec Claude Code\",\"groups\":[{\"group\":\"Créer avec Claude Code\",\"pages\":[\"fr/sub-agents\",\"fr/agent-teams\",\"fr/plugins\",\"fr/discover-plugins\",\"fr/skills\",\"fr/output-styles\",\"fr/hooks-guide\",\"fr/headless\",\"fr/mcp\",\"fr/troubleshooting\"]}]},{\"tab\":\"Déploiement\",\"groups\":[{\"group\":\"Déploiement\",\"pages\":[\"fr/third-party-integrations\",\"fr/amazon-bedrock\",\"fr/google-vertex-ai\",\"fr/microsoft-foundry\",\"fr/network-config\",\"fr/llm-gateway\",\"fr/devcontainer\"]}]},{\"tab\":\"Administration\",\"groups\":[{\"group\":\"Administration\",\"pages\":[\"fr/setup\",\"fr/authentication\",\"fr/security\",\"fr/server-managed-settings\",\"fr/data-usage\",\"fr/monitoring-usage\",\"fr/costs\",\"fr/analytics\",\"fr/plugin-marketplaces\"]}]},{\"tab\":\"Configuration\",\"groups\":[{\"group\":\"Configuration\",\"pages\":[\"fr/settings\",\"fr/permissions\",\"fr/sandboxing\",\"fr/terminal-config\",\"fr/model-config\",\"fr/fast-mode\",\"fr/memory\",\"fr/statusline\",\"fr/keybindings\"]}]},{\"tab\":\"Référence\",\"groups\":[{\"group\":\"Référence\",\"pages\":[\"fr/cli-reference\",\"fr/interactive-mode\",\"fr/checkpointing\",\"fr/hooks\",\"fr/plugins-reference\"]}]},{\"tab\":\"Ressources\",\"groups\":[{\"group\":\"Ressources\",\"pages\":[\"fr/legal-and-compliance\"]}]}]},{\"language\":\"de\",\"tabs\":[{\"tab\":\"Erste Schritte\",\"groups\":[{\"group\":\"Erste Schritte\",\"pages\":[\"de/overview\",\"de/quickstart\",\"de/changelog\"]},{\"group\":\"Kernkonzepte\",\"pages\":[\"de/how-claude-code-works\",\"de/features-overview\",\"de/common-workflows\",\"de/best-practices\"]},{\"group\":\"Plattformen und Integrationen\",\"pages\":[\"de/claude-code-on-the-web\",{\"group\":\"Claude Code auf dem Desktop\",\"pages\":[\"de/desktop-quickstart\",\"de/desktop\"]},\"de/chrome\",\"de/vs-code\",\"de/jetbrains\",\"de/github-actions\",\"de/gitlab-ci-cd\",\"de/slack\"]}]},{\"tab\":\"Mit Claude Code erstellen\",\"groups\":[{\"group\":\"Mit Claude Code erstellen\",\"pages\":[\"de/sub-agents\",\"de/agent-teams\",\"de/plugins\",\"de/discover-plugins\",\"de/skills\",\"de/output-styles\",\"de/hooks-guide\",\"de/headless\",\"de/mcp\",\"de/troubleshooting\"]}]},{\"tab\":\"Bereitstellung\",\"groups\":[{\"group\":\"Bereitstellung\",\"pages\":[\"de/third-party-integrations\",\"de/amazon-bedrock\",\"de/google-vertex-ai\",\"de/microsoft-foundry\",\"de/network-config\",\"de/llm-gateway\",\"de/devcontainer\"]}]},{\"tab\":\"Verwaltung\",\"groups\":[{\"group\":\"Verwaltung\",\"pages\":[\"de/setup\",\"de/authentication\",\"de/security\",\"de/server-managed-settings\",\"de/data-usage\",\"de/monitoring-usage\",\"de/costs\",\"de/analytics\",\"de/plugin-marketplaces\"]}]},{\"tab\":\"Konfiguration\",\"groups\":[{\"group\":\"Konfiguration\",\"pages\":[\"de/settings\",\"de/permissions\",\"de/sandboxing\",\"de/terminal-config\",\"de/model-config\",\"de/fast-mode\",\"de/memory\",\"de/statusline\",\"de/keybindings\"]}]},{\"tab\":\"Referenz\",\"groups\":[{\"group\":\"Referenz\",\"pages\":[\"de/cli-reference\",\"de/interactive-mode\",\"de/checkpointing\",\"de/hooks\",\"de/plugins-reference\"]}]},{\"tab\":\"Ressourcen\",\"groups\":[{\"group\":\"Ressourcen\",\"pages\":[\"de/legal-and-compliance\"]}]}]},{\"language\":\"it\",\"tabs\":[{\"tab\":\"Guida introduttiva\",\"groups\":[{\"group\":\"Guida introduttiva\",\"pages\":[\"it/overview\",\"it/quickstart\",\"it/changelog\"]},{\"group\":\"Concetti fondamentali\",\"pages\":[\"it/how-claude-code-works\",\"it/features-overview\",\"it/common-workflows\",\"it/best-practices\"]},{\"group\":\"Piattaforme e integrazioni\",\"pages\":[\"it/claude-code-on-the-web\",{\"group\":\"Claude Code sul desktop\",\"pages\":[\"it/desktop-quickstart\",\"it/desktop\"]},\"it/chrome\",\"it/vs-code\",\"it/jetbrains\",\"it/github-actions\",\"it/gitlab-ci-cd\",\"it/slack\"]}]},{\"tab\":\"Sviluppate con Claude Code\",\"groups\":[{\"group\":\"Sviluppate con Claude Code\",\"pages\":[\"it/sub-agents\",\"it/agent-teams\",\"it/plugins\",\"it/discover-plugins\",\"it/skills\",\"it/output-styles\",\"it/hooks-guide\",\"it/headless\",\"it/mcp\",\"it/troubleshooting\"]}]},{\"tab\":\"Distribuzione\",\"groups\":[{\"group\":\"Distribuzione\",\"pages\":[\"it/third-party-integrations\",\"it/amazon-bedrock\",\"it/google-vertex-ai\",\"it/microsoft-foundry\",\"it/network-config\",\"it/llm-gateway\",\"it/devcontainer\"]}]},{\"tab\":\"Amministrazione\",\"groups\":[{\"group\":\"Amministrazione\",\"pages\":[\"it/setup\",\"it/authentication\",\"it/security\",\"it/server-managed-settings\",\"it/data-usage\",\"it/monitoring-usage\",\"it/costs\",\"it/analytics\",\"it/plugin-marketplaces\"]}]},{\"tab\":\"Configurazione\",\"groups\":[{\"group\":\"Configurazione\",\"pages\":[\"it/settings\",\"it/permissions\",\"it/sandboxing\",\"it/terminal-config\",\"it/model-config\",\"it/fast-mode\",\"it/memory\",\"it/statusline\",\"it/keybindings\"]}]},{\"tab\":\"Riferimento\",\"groups\":[{\"group\":\"Riferimento\",\"pages\":[\"it/cli-reference\",\"it/interactive-mode\",\"it/checkpointing\",\"it/hooks\",\"it/plugins-reference\"]}]},{\"tab\":\"Risorse\",\"groups\":[{\"group\":\"Risorse\",\"pages\":[\"it/legal-and-compliance\"]}]}]},{\"language\":\"jp\",\"tabs\":[{\"tab\":\"はじめに\",\"groups\":[{\"group\":\"はじめに\",\"pages\":[\"ja/overview\",\"ja/quickstart\",\"ja/changelog\"]},{\"group\":\"コア概念\",\"pages\":[\"ja/how-claude-code-works\",\"ja/features-overview\",\"ja/common-workflows\",\"ja/best-practices\"]},{\"group\":\"プラットフォームと統合\",\"pages\":[\"ja/claude-code-on-the-web\",{\"group\":\"Claude Code デスクトップ版\",\"pages\":[\"ja/desktop-quickstart\",\"ja/desktop\"]},\"ja/chrome\",\"ja/vs-code\",\"ja/jetbrains\",\"ja/github-actions\",\"ja/gitlab-ci-cd\",\"ja/slack\"]}]},{\"tab\":\"Claude Code で構築する\",\"groups\":[{\"group\":\"Claude Code で構築する\",\"pages\":[\"ja/sub-agents\",\"ja/agent-teams\",\"ja/plugins\",\"ja/discover-plugins\",\"ja/skills\",\"ja/output-styles\",\"ja/hooks-guide\",\"ja/headless\",\"ja/mcp\",\"ja/troubleshooting\"]}]},{\"tab\":\"デプロイ\",\"groups\":[{\"group\":\"デプロイ\",\"pages\":[\"ja/third-party-integrations\",\"ja/amazon-bedrock\",\"ja/google-vertex-ai\",\"ja/microsoft-foundry\",\"ja/network-config\",\"ja/llm-gateway\",\"ja/devcontainer\"]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[\"ja/setup\",\"ja/authentication\",\"ja/security\",\"ja/server-managed-settings\",\"ja/data-usage\",\"ja/monitoring-usage\",\"ja/costs\",\"ja/analytics\",\"ja/plugin-marketplaces\"]}]},{\"tab\":\"設定\",\"groups\":[{\"group\":\"設定\",\"pages\":[\"ja/settings\",\"ja/permissions\",\"ja/sandboxing\",\"ja/terminal-config\",\"ja/model-config\",\"ja/fast-mode\",\"ja/memory\",\"ja/statusline\",\"ja/keybindings\"]}]},{\"tab\":\"リファレンス\",\"groups\":[{\"group\":\"リファレンス\",\"pages\":[\"ja/cli-reference\",\"ja/interactive-mode\",\"ja/checkpointing\",\"ja/hooks\",\"ja/plugins-reference\"]}]},{\"tab\":\"リソース\",\"groups\":[{\"group\":\"リソース\",\"pages\":[\"ja/legal-and-compliance\"]}]}]},{\"language\":\"es\",\"tabs\":[{\"tab\":\"Primeros pasos\",\"groups\":[{\"group\":\"Primeros pasos\",\"pages\":[\"es/overview\",\"es/quickstart\",\"es/changelog\"]},{\"group\":\"Conceptos fundamentales\",\"pages\":[\"es/how-claude-code-works\",\"es/features-overview\",\"es/common-workflows\",\"es/best-practices\"]},{\"group\":\"Plataformas e integraciones\",\"pages\":[\"es/claude-code-on-the-web\",{\"group\":\"Claude Code en escritorio\",\"pages\":[\"es/desktop-quickstart\",\"es/desktop\"]},\"es/chrome\",\"es/vs-code\",\"es/jetbrains\",\"es/github-actions\",\"es/gitlab-ci-cd\",\"es/slack\"]}]},{\"tab\":\"Crear con Claude Code\",\"groups\":[{\"group\":\"Crear con Claude Code\",\"pages\":[\"es/sub-agents\",\"es/agent-teams\",\"es/plugins\",\"es/discover-plugins\",\"es/skills\",\"es/output-styles\",\"es/hooks-guide\",\"es/headless\",\"es/mcp\",\"es/troubleshooting\"]}]},{\"tab\":\"Implementación\",\"groups\":[{\"group\":\"Implementación\",\"pages\":[\"es/third-party-integrations\",\"es/amazon-bedrock\",\"es/google-vertex-ai\",\"es/microsoft-foundry\",\"es/network-config\",\"es/llm-gateway\",\"es/devcontainer\"]}]},{\"tab\":\"Administración\",\"groups\":[{\"group\":\"Administración\",\"pages\":[\"es/setup\",\"es/authentication\",\"es/security\",\"es/server-managed-settings\",\"es/data-usage\",\"es/monitoring-usage\",\"es/costs\",\"es/analytics\",\"es/plugin-marketplaces\"]}]},{\"tab\":\"Configuración\",\"groups\":[{\"group\":\"Configuración\",\"pages\":[\"es/settings\",\"es/permissions\",\"es/sandboxing\",\"es/terminal-config\",\"es/model-config\",\"es/fast-mode\",\"es/memory\",\"es/statusline\",\"es/keybindings\"]}]},{\"tab\":\"Referencia\",\"groups\":[{\"group\":\"Referencia\",\"pages\":[\"es/cli-reference\",\"es/interactive-mode\",\"es/checkpointing\",\"es/hooks\",\"es/plugins-reference\"]}]},{\"tab\":\"Recursos\",\"groups\":[{\"group\":\"Recursos\",\"pages\":[\"es/legal-and-compliance\"]}]}]},{\"language\":\"ko\",\"tabs\":[{\"tab\":\"시작하기\",\"groups\":[{\"group\":\"시작하기\",\"pages\":[\"ko/overview\",\"ko/quickstart\",\"ko/changelog\"]},{\"group\":\"핵심 개념\",\"pages\":[\"ko/how-claude-code-works\",\"ko/features-overview\",\"ko/common-workflows\",\"ko/best-practices\"]},{\"group\":\"플랫폼 및 통합\",\"pages\":[\"ko/claude-code-on-the-web\",{\"group\":\"Claude Code 데스크톱\",\"pages\":[\"ko/desktop-quickstart\",\"ko/desktop\"]},\"ko/chrome\",\"ko/vs-code\",\"ko/jetbrains\",\"ko/github-actions\",\"ko/gitlab-ci-cd\",\"ko/slack\"]}]},{\"tab\":\"Claude Code로 빌드하기\",\"groups\":[{\"group\":\"Claude Code로 빌드하기\",\"pages\":[\"ko/sub-agents\",\"ko/agent-teams\",\"ko/plugins\",\"ko/discover-plugins\",\"ko/skills\",\"ko/output-styles\",\"ko/hooks-guide\",\"ko/headless\",\"ko/mcp\",\"ko/troubleshooting\"]}]},{\"tab\":\"배포\",\"groups\":[{\"group\":\"배포\",\"pages\":[\"ko/third-party-integrations\",\"ko/amazon-bedrock\",\"ko/google-vertex-ai\",\"ko/microsoft-foundry\",\"ko/network-config\",\"ko/llm-gateway\",\"ko/devcontainer\"]}]},{\"tab\":\"관리\",\"groups\":[{\"group\":\"관리\",\"pages\":[\"ko/setup\",\"ko/authentication\",\"ko/security\",\"ko/server-managed-settings\",\"ko/data-usage\",\"ko/monitoring-usage\",\"ko/costs\",\"ko/analytics\",\"ko/plugin-marketplaces\"]}]},{\"tab\":\"구성\",\"groups\":[{\"group\":\"구성\",\"pages\":[\"ko/settings\",\"ko/permissions\",\"ko/sandboxing\",\"ko/terminal-config\",\"ko/model-config\",\"ko/fast-mode\",\"ko/memory\",\"ko/statusline\",\"ko/keybindings\"]}]},{\"tab\":\"참고\",\"groups\":[{\"group\":\"참고\",\"pages\":[\"ko/cli-reference\",\"ko/interactive-mode\",\"ko/checkpointing\",\"ko/hooks\",\"ko/plugins-reference\"]}]},{\"tab\":\"리소스\",\"groups\":[{\"group\":\"리소스\",\"pages\":[\"ko/legal-and-compliance\"]}]}]},{\"language\":\"cn\",\"tabs\":[{\"tab\":\"快速开始\",\"groups\":[{\"group\":\"快速开始\",\"pages\":[\"zh-CN/overview\",\"zh-CN/quickstart\",\"zh-CN/changelog\"]},{\"group\":\"核心概念\",\"pages\":[\"zh-CN/how-claude-code-works\",\"zh-CN/features-overview\",\"zh-CN/common-workflows\",\"zh-CN/best-practices\"]},{\"group\":\"平台和集成\",\"pages\":[\"zh-CN/claude-code-on-the-web\",{\"group\":\"Claude Code 桌面版\",\"pages\":[\"zh-CN/desktop-quickstart\",\"zh-CN/desktop\"]},\"zh-CN/chrome\",\"zh-CN/vs-code\",\"zh-CN/jetbrains\",\"zh-CN/github-actions\",\"zh-CN/gitlab-ci-cd\",\"zh-CN/slack\"]}]},{\"tab\":\"使用 Claude Code 构建\",\"groups\":[{\"group\":\"使用 Claude Code 构建\",\"pages\":[\"zh-CN/sub-agents\",\"zh-CN/agent-teams\",\"zh-CN/plugins\",\"zh-CN/discover-plugins\",\"zh-CN/skills\",\"zh-CN/output-styles\",\"zh-CN/hooks-guide\",\"zh-CN/headless\",\"zh-CN/mcp\",\"zh-CN/troubleshooting\"]}]},{\"tab\":\"部署\",\"groups\":[{\"group\":\"部署\",\"pages\":[\"zh-CN/third-party-integrations\",\"zh-CN/amazon-bedrock\",\"zh-CN/google-vertex-ai\",\"zh-CN/microsoft-foundry\",\"zh-CN/network-config\",\"zh-CN/llm-gateway\",\"zh-CN/devcontainer\"]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[\"zh-CN/setup\",\"zh-CN/authentication\",\"zh-CN/security\",\"zh-CN/server-managed-settings\",\"zh-CN/data-usage\",\"zh-CN/monitoring-usage\",\"zh-CN/costs\",\"zh-CN/analytics\",\"zh-CN/plugin-marketplaces\"]}]},{\"tab\":\"配置\",\"groups\":[{\"group\":\"配置\",\"pages\":[\"zh-CN/settings\",\"zh-CN/permissions\",\"zh-CN/sandboxing\",\"zh-CN/terminal-config\",\"zh-CN/model-config\",\"zh-CN/fast-mode\",\"zh-CN/memory\",\"zh-CN/statusline\",\"zh-CN/keybindings\"]}]},{\"tab\":\"参考\",\"groups\":[{\"group\":\"参考\",\"pages\":[\"zh-CN/cli-reference\",\"zh-CN/interactive-mode\",\"zh-CN/checkpointing\",\"zh-CN/hooks\",\"zh-CN/plugins-reference\"]}]},{\"tab\":\"资源\",\"groups\":[{\"group\":\"资源\",\"pages\":[\"zh-CN/legal-and-compliance\"]}]}]},{\"language\":\"zh-Hant\",\"tabs\":[{\"tab\":\"開始使用\",\"groups\":[{\"group\":\"開始使用\",\"pages\":[\"zh-TW/overview\",\"zh-TW/quickstart\",\"zh-TW/changelog\"]},{\"group\":\"核心概念\",\"pages\":[\"zh-TW/how-claude-code-works\",\"zh-TW/features-overview\",\"zh-TW/common-workflows\",\"zh-TW/best-practices\"]},{\"group\":\"平台和整合\",\"pages\":[\"zh-TW/claude-code-on-the-web\",{\"group\":\"Claude Code 桌面版\",\"pages\":[\"zh-TW/desktop-quickstart\",\"zh-TW/desktop\"]},\"zh-TW/chrome\",\"zh-TW/vs-code\",\"zh-TW/jetbrains\",\"zh-TW/github-actions\",\"zh-TW/gitlab-ci-cd\",\"zh-TW/slack\"]}]},{\"tab\":\"使用 Claude Code 建構\",\"groups\":[{\"group\":\"使用 Claude Code 建構\",\"pages\":[\"zh-TW/sub-agents\",\"zh-TW/agent-teams\",\"zh-TW/plugins\",\"zh-TW/discover-plugins\",\"zh-TW/skills\",\"zh-TW/output-styles\",\"zh-TW/hooks-guide\",\"zh-TW/headless\",\"zh-TW/mcp\",\"zh-TW/troubleshooting\"]}]},{\"tab\":\"部署\",\"groups\":[{\"group\":\"部署\",\"pages\":[\"zh-TW/third-party-integrations\",\"zh-TW/amazon-bedrock\",\"zh-TW/google-vertex-ai\",\"zh-TW/microsoft-foundry\",\"zh-TW/network-config\",\"zh-TW/llm-gateway\",\"zh-TW/devcontainer\"]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[\"zh-TW/setup\",\"zh-TW/authentication\",\"zh-TW/security\",\"zh-TW/server-managed-settings\",\"zh-TW/data-usage\",\"zh-TW/monitoring-usage\",\"zh-TW/costs\",\"zh-TW/analytics\",\"zh-TW/plugin-marketplaces\"]}]},{\"tab\":\"設定\",\"groups\":[{\"group\":\"設定\",\"pages\":[\"zh-TW/settings\",\"zh-TW/permissions\",\"zh-TW/sandboxing\",\"zh-TW/terminal-config\",\"zh-TW/model-config\",\"zh-TW/fast-mode\",\"zh-TW/memory\",\"zh-TW/statusline\",\"zh-TW/keybindings\"]}]},{\"tab\":\"參考資料\",\"groups\":[{\"group\":\"參考資料\",\"pages\":[\"zh-TW/cli-reference\",\"zh-TW/interactive-mode\",\"zh-TW/checkpointing\",\"zh-TW/hooks\",\"zh-TW/plugins-reference\"]}]},{\"tab\":\"資源\",\"groups\":[{\"group\":\"資源\",\"pages\":[\"zh-TW/legal-and-compliance\"]}]}]},{\"language\":\"ru\",\"tabs\":[{\"tab\":\"Начало работы\",\"groups\":[{\"group\":\"Начало работы\",\"pages\":[\"ru/overview\",\"ru/quickstart\",\"ru/changelog\"]},{\"group\":\"Основные концепции\",\"pages\":[\"ru/how-claude-code-works\",\"ru/features-overview\",\"ru/common-workflows\",\"ru/best-practices\"]},{\"group\":\"Платформы и интеграции\",\"pages\":[\"ru/claude-code-on-the-web\",{\"group\":\"Claude Code на рабочем столе\",\"pages\":[\"ru/desktop-quickstart\",\"ru/desktop\"]},\"ru/chrome\",\"ru/vs-code\",\"ru/jetbrains\",\"ru/github-actions\",\"ru/gitlab-ci-cd\",\"ru/slack\"]}]},{\"tab\":\"Разработка с Claude Code\",\"groups\":[{\"group\":\"Разработка с Claude Code\",\"pages\":[\"ru/sub-agents\",\"ru/agent-teams\",\"ru/plugins\",\"ru/discover-plugins\",\"ru/skills\",\"ru/output-styles\",\"ru/hooks-guide\",\"ru/headless\",\"ru/mcp\",\"ru/troubleshooting\"]}]},{\"tab\":\"Развертывание\",\"groups\":[{\"group\":\"Развертывание\",\"pages\":[\"ru/third-party-integrations\",\"ru/amazon-bedrock\",\"ru/google-vertex-ai\",\"ru/microsoft-foundry\",\"ru/network-config\",\"ru/llm-gateway\",\"ru/devcontainer\"]}]},{\"tab\":\"Администрирование\",\"groups\":[{\"group\":\"Администрирование\",\"pages\":[\"ru/setup\",\"ru/authentication\",\"ru/security\",\"ru/server-managed-settings\",\"ru/data-usage\",\"ru/monitoring-usage\",\"ru/costs\",\"ru/analytics\",\"ru/plugin-marketplaces\"]}]},{\"tab\":\"Конфигурация\",\"groups\":[{\"group\":\"Конфигурация\",\"pages\":[\"ru/settings\",\"ru/permissions\",\"ru/sandboxing\",\"ru/terminal-config\",\"ru/model-config\",\"ru/fast-mode\",\"ru/memory\",\"ru/statusline\",\"ru/keybindings\"]}]},{\"tab\":\"Справочник\",\"groups\":[{\"group\":\"Справочник\",\"pages\":[\"ru/cli-reference\",\"ru/interactive-mode\",\"ru/checkpointing\",\"ru/hooks\",\"ru/plugins-reference\"]}]},{\"tab\":\"Ресурсы\",\"groups\":[{\"group\":\"Ресурсы\",\"pages\":[\"ru/legal-and-compliance\"]}]}]},{\"language\":\"id\",\"tabs\":[{\"tab\":\"Memulai\",\"groups\":[{\"group\":\"Memulai\",\"pages\":[\"id/overview\",\"id/quickstart\",\"id/changelog\"]},{\"group\":\"Konsep Inti\",\"pages\":[\"id/how-claude-code-works\",\"id/features-overview\",\"id/common-workflows\",\"id/best-practices\"]},{\"group\":\"Platform dan integrasi\",\"pages\":[\"id/claude-code-on-the-web\",{\"group\":\"Claude Code di desktop\",\"pages\":[\"id/desktop-quickstart\",\"id/desktop\"]},\"id/chrome\",\"id/vs-code\",\"id/jetbrains\",\"id/github-actions\",\"id/gitlab-ci-cd\",\"id/slack\"]}]},{\"tab\":\"Bangun dengan Claude Code\",\"groups\":[{\"group\":\"Bangun dengan Claude Code\",\"pages\":[\"id/sub-agents\",\"id/agent-teams\",\"id/plugins\",\"id/discover-plugins\",\"id/skills\",\"id/output-styles\",\"id/hooks-guide\",\"id/headless\",\"id/mcp\",\"id/troubleshooting\"]}]},{\"tab\":\"Penerapan\",\"groups\":[{\"group\":\"Penerapan\",\"pages\":[\"id/third-party-integrations\",\"id/amazon-bedrock\",\"id/google-vertex-ai\",\"id/microsoft-foundry\",\"id/network-config\",\"id/llm-gateway\",\"id/devcontainer\"]}]},{\"tab\":\"Administrasi\",\"groups\":[{\"group\":\"Administrasi\",\"pages\":[\"id/setup\",\"id/authentication\",\"id/security\",\"id/server-managed-settings\",\"id/data-usage\",\"id/monitoring-usage\",\"id/costs\",\"id/analytics\",\"id/plugin-marketplaces\"]}]},{\"tab\":\"Konfigurasi\",\"groups\":[{\"group\":\"Konfigurasi\",\"pages\":[\"id/settings\",\"id/permissions\",\"id/sandboxing\",\"id/terminal-config\",\"id/model-config\",\"id/fast-mode\",\"id/memory\",\"id/statusline\",\"id/keybindings\"]}]},{\"tab\":\"Referensi\",\"groups\":[{\"group\":\"Referensi\",\"pages\":[\"id/cli-reference\",\"id/interactive-mode\",\"id/checkpointing\",\"id/hooks\",\"id/plugins-reference\"]}]},{\"tab\":\"Sumber Daya\",\"groups\":[{\"group\":\"Sumber Daya\",\"pages\":[\"id/legal-and-compliance\"]}]}]},{\"language\":\"pt-BR\",\"tabs\":[{\"tab\":\"Primeiros passos\",\"groups\":[{\"group\":\"Primeiros passos\",\"pages\":[\"pt/overview\",\"pt/quickstart\",\"pt/changelog\"]},{\"group\":\"Conceitos principais\",\"pages\":[\"pt/how-claude-code-works\",\"pt/features-overview\",\"pt/common-workflows\",\"pt/best-practices\"]},{\"group\":\"Plataformas e integrações\",\"pages\":[\"pt/claude-code-on-the-web\",{\"group\":\"Claude Code no desktop\",\"pages\":[\"pt/desktop-quickstart\",\"pt/desktop\"]},\"pt/chrome\",\"pt/vs-code\",\"pt/jetbrains\",\"pt/github-actions\",\"pt/gitlab-ci-cd\",\"pt/slack\"]}]},{\"tab\":\"Construir com Claude Code\",\"groups\":[{\"group\":\"Construir com Claude Code\",\"pages\":[\"pt/sub-agents\",\"pt/agent-teams\",\"pt/plugins\",\"pt/discover-plugins\",\"pt/skills\",\"pt/output-styles\",\"pt/hooks-guide\",\"pt/headless\",\"pt/mcp\",\"pt/troubleshooting\"]}]},{\"tab\":\"Implantação\",\"groups\":[{\"group\":\"Implantação\",\"pages\":[\"pt/third-party-integrations\",\"pt/amazon-bedrock\",\"pt/google-vertex-ai\",\"pt/microsoft-foundry\",\"pt/network-config\",\"pt/llm-gateway\",\"pt/devcontainer\"]}]},{\"tab\":\"Administração\",\"groups\":[{\"group\":\"Administração\",\"pages\":[\"pt/setup\",\"pt/authentication\",\"pt/security\",\"pt/server-managed-settings\",\"pt/data-usage\",\"pt/monitoring-usage\",\"pt/costs\",\"pt/analytics\",\"pt/plugin-marketplaces\"]}]},{\"tab\":\"Configuração\",\"groups\":[{\"group\":\"Configuração\",\"pages\":[\"pt/settings\",\"pt/permissions\",\"pt/sandboxing\",\"pt/terminal-config\",\"pt/model-config\",\"pt/fast-mode\",\"pt/memory\",\"pt/statusline\",\"pt/keybindings\"]}]},{\"tab\":\"Referência\",\"groups\":[{\"group\":\"Referência\",\"pages\":[\"pt/cli-reference\",\"pt/interactive-mode\",\"pt/checkpointing\",\"pt/hooks\",\"pt/plugins-reference\"]}]},{\"tab\":\"Recursos\",\"groups\":[{\"group\":\"Recursos\",\"pages\":[\"pt/legal-and-compliance\"]}]}]}]},\"footer\":{\"socials\":{\"x\":\"https://x.com/AnthropicAI\",\"linkedin\":\"https://www.linkedin.com/company/anthropicresearch\"},\"links\":[{\"header\":\"Company\",\"items\":[{\"label\":\"Anthropic\",\"href\":\"https://www.anthropic.com/company\"},{\"label\":\"Careers\",\"href\":\"https://www.anthropic.com/careers\"},{\"label\":\"Economic Futures\",\"href\":\"https://www.anthropic.com/economic-futures\"},{\"label\":\"Research\",\"href\":\"https://www.anthropic.com/research\"},{\"label\":\"News\",\"href\":\"https://www.anthropic.com/news\"},{\"label\":\"Trust center\",\"href\":\"https://trust.anthropic.com/\"},{\"label\":\"Transparency\",\"href\":\"https://www.anthropic.com/transparency\"}]},{\"header\":\"Help and security\",\"items\":[{\"label\":\"Availability\",\"href\":\"https://www.anthropic.com/supported-countries\"},{\"label\":\"Status\",\"href\":\"https://status.anthropic.com/\"},{\"label\":\"Support center\",\"href\":\"https://support.claude.com/\"}]},{\"header\":\"Learn\",\"items\":[{\"label\":\"Courses\",\"href\":\"https://www.anthropic.com/learn\"},{\"label\":\"MCP connectors\",\"href\":\"https://claude.com/partners/mcp\"},{\"label\":\"Customer stories\",\"href\":\"https://www.claude.com/customers\"},{\"label\":\"Engineering blog\",\"href\":\"https://www.anthropic.com/engineering\"},{\"label\":\"Events\",\"href\":\"https://www.anthropic.com/events\"},{\"label\":\"Powered by Claude\",\"href\":\"https://claude.com/partners/powered-by-claude\"},{\"label\":\"Service partners\",\"href\":\"https://claude.com/partners/services\"},{\"label\":\"Startups program\",\"href\":\"https://claude.com/programs/startups\"}]},{\"header\":\"Terms and policies\",\"items\":[{\"label\":\"Privacy policy\",\"href\":\"https://www.anthropic.com/legal/privacy\"},{\"label\":\"Disclosure policy\",\"href\":\"https://www.anthropic.com/responsible-disclosure-policy\"},{\"label\":\"Usage policy\",\"href\":\"https://www.anthropic.com/legal/aup\"},{\"label\":\"Commercial terms\",\"href\":\"https://www.anthropic.com/legal/commercial-terms\"},{\"label\":\"Consumer terms\",\"href\":\"https://www.anthropic.com/legal/consumer-terms\"}]}]},\"seo\":{\"metatags\":{\"canonical\":\"https://code.claude.com/docs\"}},\"fonts\":{\"family\":\"Anthropic Sans\"},\"redirects\":[{\"source\":\"/en/iam\",\"destination\":\"/en/authentication\",\"permanent\":true},{\"source\":\"/en/cli-usage\",\"destination\":\"/en/cli-reference\",\"permanent\":true},{\"source\":\"/en/ide-integrations\",\"destination\":\"/en/vs-code\",\"permanent\":true},{\"source\":\"/en/tutorials\",\"destination\":\"/en/common-workflows\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/tutorials\",\"destination\":\"/en/common-workflows\",\"permanent\":true},{\"source\":\"/en/team\",\"destination\":\"/en/authentication\",\"permanent\":true},{\"source\":\"/en/corporate-proxy\",\"destination\":\"/en/network-config\",\"permanent\":true},{\"source\":\"/en/sdk/sdk-headless\",\"destination\":\"/en/headless\",\"permanent\":true},{\"source\":\"/s/claude-code-github-actions\",\"destination\":\"/en/github-actions\",\"permanent\":false},{\"source\":\"/s/claude-code-ide-integrations\",\"destination\":\"/en/ide-integrations\",\"permanent\":false},{\"source\":\"/s/claude-code-worktrees\",\"destination\":\"/en/common-workflows#run-parallel-claude-code-sessions-with-git-worktrees\",\"permanent\":false},{\"source\":\"/s/claude-code-troubleshooting\",\"destination\":\"/en/troubleshooting\",\"permanent\":false},{\"source\":\"/s/claude-code-auto-updater\",\"destination\":\"/en/settings#auto-updater-permission-options\",\"permanent\":false},{\"source\":\"/s/claude-code-mcp\",\"destination\":\"/en/mcp\",\"permanent\":false},{\"source\":\"/s/claude-code-cost\",\"destination\":\"/en/costs\",\"permanent\":false},{\"source\":\"/s/claude-code\",\"destination\":\"/en/overview\",\"permanent\":false},{\"source\":\"/s/claude-code-security\",\"destination\":\"/en/security\",\"permanent\":false},{\"source\":\"/en/agents-and-tools/claude-code/overview\",\"destination\":\"/en/overview\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/common-workflows\",\"destination\":\"/en/common-workflows\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/troubleshooting\",\"destination\":\"/en/troubleshooting\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/overview#notification-setup\",\"destination\":\"/en/setup#notification-setup\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/bedrock-vertex\",\"destination\":\"/en/third-party-integrations\",\"permanent\":true},{\"source\":\"/en/bedrock-vertex\",\"destination\":\"/en/third-party-integrations\",\"permanent\":true},{\"source\":\"/s/claude-code-enterprise-setup\",\"destination\":\"/en/third-party-integrations\",\"permanent\":false},{\"source\":\"/en/bedrock-vertex-proxies\",\"destination\":\"/en/third-party-integrations\",\"permanent\":true},{\"source\":\"/en/getting-started\",\"destination\":\"/en/setup\",\"permanent\":true},{\"source\":\"/en/subagents\",\"destination\":\"/en/sub-agents\",\"permanent\":true},{\"source\":\"/en/azure-ai-foundry\",\"destination\":\"/en/microsoft-foundry\",\"permanent\":true},{\"source\":\"/en/sdk/migration-guide\",\"destination\":\"https://platform.claude.com/docs/en/agent-sdk/migration-guide\",\"permanent\":true},{\"source\":\"/en/slash-commands\",\"destination\":\"/en/skills\",\"permanent\":true}],\"contextual\":{\"options\":[\"copy\",\"view\",\"claude\"],\"display\":\"header\"},\"styling\":{\"latex\":true}}}]\n"])</script><script>self.__next_f.push([1,"4f:I[14162,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"CustomJsFiles\"]\n"])</script><script>self.__next_f.push([1,"51:I[70715,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"MDXContentController\",1]\n"])</script><script>self.__next_f.push([1,"52:I[59646,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"default\",1]\n"])</script><script>self.__next_f.push([1,"4e:T4521,"])</script><script>self.__next_f.push([1,"/* Anthropic Sans - Static fonts from assets.claude.ai */\n@font-face {\n font-family: \"Anthropic Sans\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSans-Text-Regular-Static.otf\") format(\"opentype\");\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Sans\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSans-Text-RegularItalic-Static.otf\") format(\"opentype\");\n font-weight: 400;\n font-style: italic;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Sans\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSans-Text-Medium-Static.otf\") format(\"opentype\");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Sans\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSans-Text-MediumItalic-Static.otf\") format(\"opentype\");\n font-weight: 500;\n font-style: italic;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Sans\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSans-Text-Semibold-Static.otf\") format(\"opentype\");\n font-weight: 600;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Sans\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSans-Text-SemiboldItalic-Static.otf\") format(\"opentype\");\n font-weight: 600;\n font-style: italic;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Sans\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSans-Text-Bold-Static.otf\") format(\"opentype\");\n font-weight: 700;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Sans\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSans-Text-BoldItalic-Static.otf\") format(\"opentype\");\n font-weight: 700;\n font-style: italic;\n font-display: swap;\n}\n\n/* Anthropic Serif Display - for headlines */\n@font-face {\n font-family: \"Anthropic Serif Display\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Display-Regular-Static.otf\") format(\"opentype\");\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif Display\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Display-RegularItalic-Static.otf\") format(\"opentype\");\n font-weight: 400;\n font-style: italic;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif Display\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Display-Medium-Static.otf\") format(\"opentype\");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif Display\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Display-Semibold-Static.otf\") format(\"opentype\");\n font-weight: 600;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif Display\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Display-Bold-Static.otf\") format(\"opentype\");\n font-weight: 700;\n font-style: normal;\n font-display: swap;\n}\n\n/* Anthropic Serif - Static fonts from assets.claude.ai */\n@font-face {\n font-family: \"Anthropic Serif\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Text-Regular-Static.otf\") format(\"opentype\");\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Text-RegularItalic-Static.otf\") format(\"opentype\");\n font-weight: 400;\n font-style: italic;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Text-Medium-Static.otf\") format(\"opentype\");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Text-MediumItalic-Static.otf\") format(\"opentype\");\n font-weight: 500;\n font-style: italic;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Text-Semibold-Static.otf\") format(\"opentype\");\n font-weight: 600;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Text-SemiboldItalic-Static.otf\") format(\"opentype\");\n font-weight: 600;\n font-style: italic;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Text-Bold-Static.otf\") format(\"opentype\");\n font-weight: 700;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Text-BoldItalic-Static.otf\") format(\"opentype\");\n font-weight: 700;\n font-style: italic;\n font-display: swap;\n}\n\n/* Color variables copied from https://github.com/anthropics/apps/blob/main/packages/ui/themes/generated/theme-colors.css */\n:root {\n --always-white: 0 0% 100%;\n --always-black: 0 0% 0%;\n --constant-book-cloth: 15 55% 80%;\n --constant-clay: 15 60% 85%;\n --constant-kraft: 25 40% 83%;\n --constant-manilla: 40 20% 92%;\n --constant-slate-000: 0 0% 100%;\n --constant-slate-050: 48 33.3% 97.1%;\n --constant-slate-100: 53 28.6% 94.5%;\n --constant-slate-150: 48 25% 92.2%;\n --constant-slate-200: 50 20.7% 88.6%;\n --constant-slate-250: 51 16.5% 84.5%;\n --constant-slate-300: 50 11.5% 79.6%;\n --constant-slate-350: 50 9% 73.7%;\n --constant-slate-400: 49 6.5% 66.9%;\n --constant-slate-450: 48 4.8% 59.2%;\n --constant-slate-500: 53 3.2% 51.4%;\n --constant-slate-550: 51 3.1% 43.7%;\n --constant-slate-600: 48 2.7% 35.9%;\n --constant-slate-650: 48 3.4% 29.2%;\n --constant-slate-700: 60 2.5% 23.3%;\n --constant-slate-750: 60 2.1% 18.4%;\n --constant-slate-800: 60 2.7% 14.5%;\n --constant-slate-850: 30 3.3% 11.8%;\n --constant-slate-900: 30 4% 9.8%;\n --constant-slate-950: 60 2.6% 7.6%;\n --constant-slate-1000: 60 3.4% 5.7%;\n}\n\n:root:not(.dark) {\n --accent-brand: 15 63.1% 59.6%;\n --accent-main-000: 15 55.6% 52.4%;\n --accent-main-100: 15 55.6% 52.4%;\n --accent-main-200: 15 63.1% 59.6%;\n --accent-main-900: 0 0% 0%;\n --accent-pro-000: 251 34.2% 33.3%;\n --accent-pro-100: 251 40% 45.1%;\n --accent-pro-200: 251 61% 72.2%;\n --accent-pro-900: 253 33.3% 91.8%;\n --accent-secondary-000: 210 73.7% 40.2%;\n --accent-secondary-100: 210 70.9% 51.6%;\n --accent-secondary-200: 210 70.9% 51.6%;\n --accent-secondary-900: 211 72% 90%;\n --bg-000: 0 0% 100%;\n --bg-100: 48 33.3% 97.1%;\n --bg-200: 53 28.6% 94.5%;\n --bg-300: 48 25% 92.2%;\n --bg-400: 50 20.7% 88.6%;\n --bg-500: 50 20.7% 88.6%;\n --border-100: 30 3.3% 11.8%;\n --border-200: 30 3.3% 11.8%;\n --border-300: 30 3.3% 11.8%;\n --border-400: 30 3.3% 11.8%;\n --danger-000: 0 61.4% 22.4%;\n --danger-100: 0 58.6% 34.1%;\n --danger-200: 0 58.6% 34.1%;\n --danger-900: 0 50% 95%;\n --oncolor-100: 0 0% 100%;\n --oncolor-200: 60 6.7% 97.1%;\n --oncolor-300: 60 6.7% 97.1%;\n --text-000: 60 2.6% 7.6%;\n --text-100: 60 2.6% 7.6%;\n --text-200: 60 2.5% 23.3%;\n --text-300: 60 2.5% 23.3%;\n --text-400: 51 3.1% 43.7%;\n --text-500: 51 3.1% 43.7%;\n}\n\n:root.dark {\n --accent-brand: 15 63.1% 59.6%;\n --accent-main-000: 15 55.6% 52.4%;\n --accent-main-100: 15 63.1% 59.6%;\n --accent-main-200: 15 63.1% 59.6%;\n --accent-main-900: 0 0% 0%;\n --accent-pro-000: 251 84.6% 74.5%;\n --accent-pro-100: 251 40.2% 54.1%;\n --accent-pro-200: 251 40% 45.1%;\n --accent-pro-900: 250 25.3% 19.4%;\n --accent-secondary-000: 210 71.1% 62%;\n --accent-secondary-100: 210 70.9% 51.6%;\n --accent-secondary-200: 210 70.9% 51.6%;\n --accent-secondary-900: 210 55.9% 24.6%;\n --bg-000: 60 2.1% 18.4%;\n --bg-100: 60 2.7% 14.5%;\n --bg-200: 30 3.3% 11.8%;\n --bg-300: 60 2.6% 7.6%;\n --bg-400: 60 3.4% 5.7%;\n --bg-500: 60 3.4% 5.7%;\n --border-100: 51 16.5% 84.5%;\n --border-200: 51 16.5% 84.5%;\n --border-300: 51 16.5% 84.5%;\n --border-400: 51 16.5% 84.5%;\n --danger-000: 0 73.1% 66.5%;\n --danger-100: 0 58.6% 34.1%;\n --danger-200: 0 58.6% 34.1%;\n --danger-900: 0 23% 15.6%;\n --oncolor-100: 0 0% 100%;\n --oncolor-200: 60 6.7% 97.1%;\n --oncolor-300: 60 6.7% 97.1%;\n --text-000: 48 33.3% 97.1%;\n --text-100: 48 33.3% 97.1%;\n --text-200: 50 9% 73.7%;\n --text-300: 50 9% 73.7%;\n --text-400: 48 4.8% 59.2%;\n --text-500: 48 4.8% 59.2%;\n}\n\n#home-header {\n font-family: \"Anthropic Sans\", system-ui, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n font-weight: 400 !important;\n font-size: 50px;\n line-height: 1.2;\n margin-bottom: 1rem;\n color: --text-000;\n display: flex;\n align-items: baseline;\n justify-content: center;\n flex-wrap: nowrap;\n}\n\n#localization-select-trigger \u003e :has(img[src*=\"flags\"]) {\n display: none;\n}\n\ndiv[id^=\"localization-select-item\"] \u003e :has(img[src*=\"flags\"]) {\n display: none;\n}\n\n/* Keep home header centered on all screen sizes */\n@media (min-width: 768px) {\n #home-header {\n justify-content: center;\n }\n}\n\n.build-with {\n font-family: \"Anthropic Sans\", system-ui, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n letter-spacing: -0.02em;\n}\n\n.claude-wordmark-wrapper {\n display: inline-flex;\n align-items: baseline;\n margin-left: 10px; /* Space between \"Build with\" and the wordmark */\n}\n\n.claude-wordmark {\n height: 40px; /* Adjust this value to match your desired size */\n width: auto;\n position: relative;\n}\n\n.dark #home-header {\n color: white;\n}\n\n.description-text {\n color: black;\n}\n\n.dark .description-text {\n color: white;\n}\n\n.dark .claude-wordmark {\n filter: invert(1);\n}\n\n:root {\n --bg-color: #f0efea;\n}\n\n.dark {\n --bg-color: #2b2b2b;\n}\n\nbody,\ninput,\n#category-select,\n.dropdown-item,\n#table-of-contents {\n font-family: \"Anthropic Sans\", system-ui, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n}\n\n.eyebrow {\n font-family: \"Anthropic Sans\", system-ui, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n text-transform: uppercase;\n letter-spacing: 0.02rem;\n}\n\n#content-container {\n font-family: \"Anthropic Sans\", system-ui, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n}\n\n#content-container h1,\n#content-container h2,\n#content-container h3,\n#content-container h4,\n#content-container h5,\n#content-container h6 {\n font-family: \"Anthropic Serif Display\", Georgia, \"Times New Roman\", Times, serif;\n font-weight: 400;\n}\n\n#content-container p {\n font-size: 1rem;\n line-height: 1.65rem;\n}\n\n.font-extrabold {\n font-weight: 600 !important;\n}\n\n.wide-table {\n width: 100%;\n overflow-x: auto;\n}\n\n.wide-table table {\n width: 175%;\n margin-bottom: 0;\n}\n\n/* Prompt Library */\n#prompt-library-container {\n margin: 4rem auto;\n max-width: 48rem;\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\n\n.prompt-library-title {\n font-size: 24px;\n text-align: center;\n font-weight: 700;\n color: #1f2937;\n}\n\n.dark .prompt-library-title {\n color: #e5e7eb;\n}\n\n.prompt-library-description {\n margin-top: 1rem;\n text-align: center;\n}\n\n.main-content {\n margin-bottom: 10rem;\n max-width: 64rem;\n margin-left: auto;\n margin-right: auto;\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\n\n.prompt-controllers {\n display: flex;\n gap: 0.5rem;\n}\n\n.prompt-search-container {\n position: relative;\n flex: 1 1 0%;\n}\n\n.prompt-search-icon-container {\n display: flex;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n align-items: center;\n padding-left: 0.75rem;\n}\n\n.prompt-search-icon {\n margin-left: 0.25rem;\n margin-right: 0.75rem;\n flex: none;\n width: 1rem;\n height: 1rem;\n background-color: #6b7280;\n mask-image: url(https://mintlify.b-cdn.net/v6.5.1/solid/magnifying-glass.svg);\n mask-repeat: no-repeat;\n mask-position: center center;\n}\n\ninput.prompt-search-bar {\n display: block;\n height: 2.5rem;\n padding-left: 2.5rem;\n border-radius: 0.75rem;\n border-width: 1px;\n background-color: #ffffff;\n width: 100%;\n color: #111827;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n}\n\n.dark input.prompt-search-bar {\n color: #ffffff;\n background-color: rgb(var(--background-dark));\n border-color: #d1d5db1a;\n}\n\ninput.prompt-search-bar:focus {\n outline-color: rgb(var(--primary));\n}\n\n.dark input.prompt-search-bar:focus {\n outline-color: rgb(var(--primary-light));\n}\n\n.dark .prompt-search-icon {\n background-color: #ffffff80;\n}\n\n#category-select {\n padding-left: 1rem;\n padding-right: 2.5rem;\n height: 2.5rem;\n display: flex;\n align-items: center;\n border-radius: 0.75rem;\n border-width: 1px;\n color: #111827;\n background-color: #ffffff;\n cursor: pointer;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n white-space: nowrap;\n}\n\n.dark #category-select {\n background-color: rgb(var(--background-dark));\n border-color: #d1d5db1a;\n color: #ffffff;\n}\n\n#category-select:hover {\n background-color: #f9fafb;\n}\n\n.dark #category-select:hover {\n background-color: #ffffff0d;\n}\n\n#category-select:focus {\n outline-color: rgb(var(--primary));\n}\n\n.dark #category-select:focus {\n outline-color: rgb(var(--primary-light));\n}\n\n#categories-dropdown {\n top: calc(100% + 4px);\n padding: 0.5rem 0.5rem;\n display: none;\n position: absolute;\n z-index: 10;\n border-radius: 0.75rem;\n border-width: 1px;\n width: 100%;\n color: #111827;\n background-color: #ffffff;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n}\n\n.dark #categories-dropdown {\n background-color: rgb(var(--background-dark));\n border-color: #d1d5db1a;\n color: #ffffff;\n}\n\n#categories-dropdown-clickout {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 0;\n}\n\n.dropdown-icon-container {\n display: flex;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n align-items: center;\n padding-right: 0.25rem;\n}\n\n.dropdown-icon {\n margin-left: 0.25rem;\n margin-right: 0.75rem;\n flex: none;\n width: 0.75rem;\n height: 0.75rem;\n background-color: #6b7280;\n mask-image: url(https://mintlify.b-cdn.net/v6.5.1/solid/caret-down.svg);\n mask-repeat: no-repeat;\n mask-position: center center;\n}\n\n.dark .dropdown-icon {\n background-color: #ffffff80;\n}\n\n#prompts-container {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n gap: 2rem;\n}\n\n.dropdown-item {\n padding: 0.25rem 0.5rem;\n border-radius: 0.375rem;\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n\n.dropdown-item:hover {\n background-color: #f9fafb;\n}\n\n.dark .dropdown-item:hover {\n background-color: #ffffff0d;\n}\n\n.check-icon {\n mask-image: url(https://mintlify.b-cdn.net/v6.5.1/solid/check.svg);\n height: 0.875rem;\n width: 1rem;\n background-color: rgb(var(--primary-light));\n mask-repeat: no-repeat;\n mask-position: center center;\n}\n\n.prompt-card {\n margin: -0.75rem;\n padding: 0.75rem;\n display: flex;\n border-radius: 1rem;\n}\n\n.prompt-card:hover {\n background-color: #03071208;\n}\n\n.dark .prompt-card:hover {\n background-color: #ffffff08;\n}\n\n.prompt-icon-container {\n display: flex;\n flex: none;\n align-items: center;\n justify-content: center;\n margin-right: 1.5rem;\n border-radius: 0.75rem;\n height: 4rem;\n width: 4rem;\n background-color: #cb785c1a;\n}\n\n.prompt-icon {\n height: 1.5rem;\n width: 1.5rem;\n background-color: rgb(var(--primary-light));\n mask-repeat: no-repeat;\n mask-position: center center;\n}\n\n.prompt-title {\n color: rgb(31 41 55);\n font-weight: 600;\n}\n\n.dark .prompt-title {\n color: rgb(229 231 235);\n}\n\n.prompt-description {\n margin-top: 0.25rem;\n}\n\n#prompts-container {\n display: grid;\n margin-top: 2.5rem;\n}\n\n@media (min-width: 640px) {\n #category-select {\n width: 16rem;\n }\n}\n\n@media (min-width: 1024px) {\n #prompts-container {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n\n/* Home page card styling */\n.home-cards-custom {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n grid-template-rows: repeat(2, auto);\n gap: 1.5rem;\n}\n\n.home-cards-custom .card {\n background: transparent;\n border: 0.5px solid hsl(var(--border-300));\n border-radius: 12px;\n padding: 0.25rem;\n}\n\n/* Responsive: change to 2 columns on tablet, single column on mobile */\n@media (max-width: 1024px) {\n .home-cards-custom {\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(3, auto);\n }\n}\n\n@media (max-width: 768px) {\n .home-cards-custom {\n grid-template-columns: 1fr;\n grid-template-rows: repeat(6, auto);\n }\n}\n\n/* Utility classes */\n.relative {\n position: relative;\n}\n\n.flex-1 {\n flex: 1 1 0%;\n}\n\n/* Mermaid diagram styling with graph paper background using Anthropic brand colors */\n.mermaid {\n position: relative;\n background-color: #FDFDFB; /* Very light version of neutral #F0F0EB */\n background-image:\n linear-gradient(rgba(235, 219, 188, .25) 1px, transparent 1px), /* Secondary color #EBDBBC with low opacity */\n linear-gradient(90deg, rgba(235, 219, 188, .25) 1px, transparent 1px),\n linear-gradient(rgba(235, 219, 188, .1) 1px, transparent 1px),\n linear-gradient(90deg, rgba(235, 219, 188, .1) 1px, transparent 1px);\n background-size:\n 20px 20px,\n 20px 20px,\n 4px 4px,\n 4px 4px;\n background-position:\n -1px -1px,\n -1px -1px,\n -1px -1px,\n -1px -1px;\n padding: 20px;\n border-radius: 8px;\n border: 1px solid rgba(235, 219, 188, .4); /* Secondary color border */\n box-shadow: 0 2px 4px rgba(64, 64, 62, 0.08); /* Subtle shadow using #40403E */\n}\n\n.dark .mermaid {\n background-color: #1a1918; /* Dark version maintaining brand tone */\n background-image:\n linear-gradient(rgba(212, 162, 127, .15) 1px, transparent 1px), /* Tertiary color #D4A27F with low opacity */\n linear-gradient(90deg, rgba(212, 162, 127, .15) 1px, transparent 1px),\n linear-gradient(rgba(212, 162, 127, .08) 1px, transparent 1px),\n linear-gradient(90deg, rgba(212, 162, 127, .08) 1px, transparent 1px);\n border: 1px solid rgba(102, 102, 99, .5); /* Using #666663 from brand */\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n}\n"])</script><script>self.__next_f.push([1,"4a:[\"$\",\"style\",\"1\",{\"data-custom-css-index\":1,\"data-custom-css-path\":\"style.css\",\"dangerouslySetInnerHTML\":{\"__html\":\"$4e\"}}]\n50:T3e78,"])</script><script>self.__next_f.push([1,"#!/usr/bin/env node\n\n/**\n * Script to migrate Claude Code documentation from the main docs repo to claude-code-docs repo\n *\n * This script:\n * 1. Copies all Claude Code MDX files from all languages\n * 2. Copies images and snippets referenced by Claude Code docs\n * 3. Copies other necessary files (favicon, styles)\n * 4. Generates a filtered docs.json with only Claude Code content\n */\n\nconst fs = require(\"fs\");\nconst path = require(\"path\");\nconst { execSync } = require(\"child_process\");\n\nconst args = process.argv.slice(2);\n\nif (args.includes(\"--help\") || args.includes(\"-h\")) {\n console.log(\"Usage: node migrate-claude-code-docs.js [options]\");\n console.log(\"\\nOptions:\");\n console.log(\" --help, -h Show this help message\");\n console.log(\" --dry-run Show what would be copied without actually copying\");\n console.log(\"\\nThis script copies Claude Code docs from ~/code/docs to this repo\");\n process.exit(0);\n}\n\nconst DRY_RUN = args.includes(\"--dry-run\");\n\n// Base directories\nconst DOCS_REPO_DIR = path.resolve(process.env.HOME, \"code/docs\");\nconst TARGET_REPO_DIR = __dirname;\n\n// Counters\nlet fileCount = 0;\nlet imageCount = 0;\n\nfunction log(message) {\n console.log(DRY_RUN ? `[DRY RUN] ${message}` : message);\n}\n\nfunction shouldIgnore(name) {\n const ignoreList = [\n \".git\",\n \".gitignore\",\n \"node_modules\",\n \"mint.json\",\n \"deploy.sh\",\n \"package.json\",\n \"package-lock.json\",\n \"CODEOWNERS\",\n \"CLAUDE.md\",\n \"ruff.toml\",\n \"tox.ini\",\n \"script.js\",\n \".DS_Store\",\n \".pytest_cache\",\n \"__pycache__\",\n ];\n\n return ignoreList.includes(name);\n}\n\n/**\n * Copy Claude Code MDX files from all language directories\n */\nfunction copyClaudeCodeDocs() {\n log(\"\\n\" + \"=\".repeat(60));\n log(\"Copying Claude Code documentation files...\");\n log(\"=\".repeat(60) + \"\\n\");\n\n // Find all language directories\n const entries = fs.readdirSync(DOCS_REPO_DIR, { withFileTypes: true });\n const languageDirs = entries.filter(\n (entry) =\u003e\n entry.isDirectory() \u0026\u0026\n !shouldIgnore(entry.name) \u0026\u0026\n ![\"images\", \"fonts\", \"logo\", \"translate\", \"snippets\", \"scripts\", \"components\", \"prompt-library\", \"style-guide\"].includes(\n entry.name,\n ),\n );\n\n for (const langDir of languageDirs) {\n const langCode = langDir.name;\n log(`Processing language: ${langCode}`);\n\n // Copy docs/claude-code directory\n const docsClaudeCodeSrc = path.join(\n DOCS_REPO_DIR,\n langCode,\n \"docs\",\n \"claude-code\",\n );\n if (fs.existsSync(docsClaudeCodeSrc)) {\n const docsClaudeCodeDest = path.join(\n TARGET_REPO_DIR,\n langCode,\n );\n\n if (!DRY_RUN) {\n fs.mkdirSync(docsClaudeCodeDest, { recursive: true });\n execSync(`cp -R \"${docsClaudeCodeSrc}\"/* \"${docsClaudeCodeDest}\"/`);\n }\n\n const files = fs.readdirSync(docsClaudeCodeSrc);\n const mdxFiles = files.filter((f) =\u003e f.endsWith(\".mdx\"));\n fileCount += mdxFiles.length;\n\n log(\n ` ✓ Copied ${mdxFiles.length} files from docs/claude-code to ${langCode}/`,\n );\n } else {\n log(` - No docs/claude-code directory found for ${langCode}`);\n }\n\n // Copy sdk directory if it exists\n const sdkSrc = path.join(\n DOCS_REPO_DIR,\n langCode,\n \"docs\",\n \"claude-code\",\n \"sdk\",\n );\n if (fs.existsSync(sdkSrc)) {\n const sdkDest = path.join(\n TARGET_REPO_DIR,\n langCode,\n \"sdk\",\n );\n\n if (!DRY_RUN) {\n fs.mkdirSync(sdkDest, { recursive: true });\n execSync(`cp -R \"${sdkSrc}\"/* \"${sdkDest}\"/`);\n }\n\n const files = fs.readdirSync(sdkSrc);\n const mdxFiles = files.filter((f) =\u003e f.endsWith(\".mdx\"));\n\n log(` ✓ Copied ${mdxFiles.length} SDK files to ${langCode}/sdk`);\n }\n }\n\n log(`\\nTotal: Copied ${fileCount} MDX files`);\n}\n\n/**\n * Scan MDX files to find all referenced images\n */\nfunction findReferencedImages() {\n const referencedImages = new Set();\n\n // Find all MDX files we just copied\n const findMdxFiles = (dir) =\u003e {\n const files = [];\n if (!fs.existsSync(dir)) return files;\n\n const entries = fs.readdirSync(dir, { withFileTypes: true });\n for (const entry of entries) {\n const fullPath = path.join(dir, entry.name);\n if (entry.isDirectory()) {\n files.push(...findMdxFiles(fullPath));\n } else if (entry.name.endsWith(\".mdx\")) {\n files.push(fullPath);\n }\n }\n return files;\n };\n\n const mdxFiles = findMdxFiles(TARGET_REPO_DIR);\n\n // Scan each MDX file for image references\n for (const mdxFile of mdxFiles) {\n try {\n const content = fs.readFileSync(mdxFile, \"utf8\");\n // Match /images/filename patterns\n const imageMatches = content.match(/\\/images\\/[^\\s)\"\\]]+/g);\n if (imageMatches) {\n imageMatches.forEach((match) =\u003e {\n // Remove leading slash and extract just the filename\n const imagePath = match.replace(/^\\/images\\//, \"\");\n referencedImages.add(imagePath);\n });\n }\n } catch (error) {\n console.error(`Error reading ${mdxFile}:`, error.message);\n }\n }\n\n return Array.from(referencedImages);\n}\n\n/**\n * Copy only images referenced by Claude Code docs\n */\nfunction copyImages() {\n log(\"\\n\" + \"=\".repeat(60));\n log(\"Copying images...\");\n log(\"=\".repeat(60) + \"\\n\");\n\n const imagesSrc = path.join(DOCS_REPO_DIR, \"images\");\n const imagesDest = path.join(TARGET_REPO_DIR, \"images\");\n\n if (!fs.existsSync(imagesSrc)) {\n log(\"No images directory found.\");\n return;\n }\n\n // Find which images are actually referenced\n const referencedImages = findReferencedImages();\n\n if (referencedImages.length === 0) {\n log(\"No images referenced in Claude Code docs.\");\n return;\n }\n\n if (!DRY_RUN) {\n fs.mkdirSync(imagesDest, { recursive: true });\n }\n\n imageCount = 0;\n for (const imagePath of referencedImages) {\n const srcPath = path.join(imagesSrc, imagePath);\n const destPath = path.join(imagesDest, imagePath);\n\n if (fs.existsSync(srcPath)) {\n if (!DRY_RUN) {\n fs.copyFileSync(srcPath, destPath);\n }\n imageCount++;\n log(` ✓ Copied ${imagePath}`);\n } else {\n log(` ⚠ Image not found: ${imagePath}`);\n }\n }\n\n log(`\\n✓ Copied ${imageCount} referenced images (out of ${referencedImages.length} found)`);\n}\n\n/**\n * Copy workflows from .github directory\n */\nfunction copyWorkflows() {\n // Workflows are not migrated - they should be managed separately in this repo\n log(\"\\n\" + \"=\".repeat(60));\n log(\"Skipping workflows (managed separately)...\");\n log(\"=\".repeat(60) + \"\\n\");\n}\n\n/**\n * Copy scripts directory\n */\nfunction copyScripts() {\n // Scripts are not migrated - they should be managed separately in this repo\n log(\"\\n\" + \"=\".repeat(60));\n log(\"Skipping scripts (managed separately)...\");\n log(\"=\".repeat(60) + \"\\n\");\n}\n\n/**\n * Generate filtered docs.json with only Claude Code content\n */\nfunction generateDocsJson() {\n log(\"\\n\" + \"=\".repeat(60));\n log(\"Generating filtered docs.json...\");\n log(\"=\".repeat(60) + \"\\n\");\n\n const docsJsonSrc = path.join(DOCS_REPO_DIR, \"docs.json\");\n const docsJsonDest = path.join(TARGET_REPO_DIR, \"docs.json\");\n\n if (!fs.existsSync(docsJsonSrc)) {\n log(\"Error: docs.json not found in source repo\");\n return;\n }\n\n const docsData = JSON.parse(fs.readFileSync(docsJsonSrc, \"utf8\"));\n\n // Filter navigation to only Claude Code content\n const filteredNavigation = {\n languages: [],\n };\n\n docsData.navigation.languages.forEach((langVersion) =\u003e {\n const languageCode = langVersion.language;\n\n // Find Claude Code tab\n const claudeCodeTab = langVersion.tabs.find((tab) =\u003e tab.tab === \"Claude Code\");\n\n if (!claudeCodeTab) {\n log(` - No Claude Code tab found for language: ${languageCode}`);\n return;\n }\n\n // Find Admin API tab and filter to only Claude Code endpoints\n let adminApiClaudeCodeGroup = null;\n const adminApiTab = langVersion.tabs.find((tab) =\u003e tab.tab === \"Admin API\");\n\n if (adminApiTab) {\n // Find the Claude Code group within Admin API\n const findClaudeCodeGroup = (groups) =\u003e {\n for (const group of groups) {\n if (group.group === \"Claude Code\") {\n return group;\n }\n if (group.pages) {\n for (const page of group.pages) {\n if (typeof page === \"object\" \u0026\u0026 page.group === \"Claude Code\") {\n return page;\n }\n }\n }\n }\n return null;\n };\n\n if (adminApiTab.groups) {\n adminApiClaudeCodeGroup = findClaudeCodeGroup(adminApiTab.groups);\n }\n }\n\n // Convert each group in Claude Code tab into its own tab\n const tabs = [];\n\n if (claudeCodeTab.groups) {\n claudeCodeTab.groups.forEach((group) =\u003e {\n tabs.push({\n tab: group.group,\n groups: [\n {\n group: group.group,\n pages: group.pages || [],\n },\n ],\n });\n });\n }\n\n // Add Admin API tab if Claude Code endpoints exist\n if (adminApiClaudeCodeGroup) {\n tabs.push({\n tab: adminApiTab.tab,\n groups: [adminApiClaudeCodeGroup],\n });\n }\n\n // Create filtered language entry\n const filteredLangVersion = {\n language: languageCode,\n tabs: tabs,\n };\n\n filteredNavigation.languages.push(filteredLangVersion);\n log(` ✓ Filtered navigation for language: ${languageCode} (${tabs.length} tabs)`);\n });\n\n // Create new docs.json with filtered content\n const filteredDocsJson = {\n ...docsData,\n name: \"Claude Code Docs\",\n navigation: filteredNavigation,\n };\n\n // Remove banner if it exists (not relevant to Claude Code docs)\n delete filteredDocsJson.banner;\n\n // Filter redirects to only include Claude Code-related redirects\n if (filteredDocsJson.redirects) {\n filteredDocsJson.redirects = filteredDocsJson.redirects.filter(\n (redirect) =\u003e redirect.source.includes(\"claude-code\")\n );\n log(` ✓ Filtered to ${filteredDocsJson.redirects.length} Claude Code redirects`);\n }\n\n // Function to recursively update paths to remove /docs/claude-code/ and /claude-code/ subdirectories\n function updatePaths(obj) {\n if (typeof obj === 'string') {\n // Replace /docs/claude-code/ with / for all language codes\n let updated = obj.replace(/(^|\\/)((en|fr|de|it|ja|es|ko|zh-CN|zh-TW|ru|id|pt))\\/docs\\/claude-code\\//g, '$1$2/');\n // Also replace /claude-code/ with / for all language codes (for paths that don't have /docs/)\n updated = updated.replace(/(^|\\/)((en|fr|de|it|ja|es|ko|zh-CN|zh-TW|ru|id|pt))\\/claude-code\\//g, '$1$2/');\n return updated;\n } else if (Array.isArray(obj)) {\n return obj.map(updatePaths);\n } else if (obj !== null \u0026\u0026 typeof obj === 'object') {\n const updated = {};\n for (const [key, value] of Object.entries(obj)) {\n updated[key] = updatePaths(value);\n }\n return updated;\n }\n return obj;\n }\n\n // Update all paths in the docs.json to reflect the flattened structure\n const updatedDocsJson = updatePaths(filteredDocsJson);\n\n if (!DRY_RUN) {\n fs.writeFileSync(\n docsJsonDest,\n JSON.stringify(updatedDocsJson, null, 2) + \"\\n\",\n );\n }\n\n log(`✓ Generated filtered docs.json with ${filteredNavigation.languages.length} languages`);\n log(`✓ Updated all paths to flatten directory structure`);\n}\n\n/**\n * Scan MDX files to find all referenced snippets\n */\nfunction findReferencedSnippets() {\n const referencedSnippets = new Set();\n\n // Find all MDX files we just copied\n const findMdxFiles = (dir) =\u003e {\n const files = [];\n if (!fs.existsSync(dir)) return files;\n\n const entries = fs.readdirSync(dir, { withFileTypes: true });\n for (const entry of entries) {\n const fullPath = path.join(dir, entry.name);\n if (entry.isDirectory()) {\n files.push(...findMdxFiles(fullPath));\n } else if (entry.name.endsWith(\".mdx\")) {\n files.push(fullPath);\n }\n }\n return files;\n };\n\n const mdxFiles = findMdxFiles(TARGET_REPO_DIR);\n\n // Scan each MDX file for snippet references\n for (const mdxFile of mdxFiles) {\n try {\n const content = fs.readFileSync(mdxFile, \"utf8\");\n // Match snippets/filename.mdx patterns (both with and without leading slash)\n const snippetMatches = content.match(/\\/?snippets\\/[a-zA-Z0-9_-]+\\.mdx/g);\n if (snippetMatches) {\n snippetMatches.forEach((match) =\u003e {\n // Remove leading slash if present\n const snippetPath = match.replace(/^\\/snippets\\//, \"\");\n referencedSnippets.add(snippetPath);\n });\n }\n } catch (error) {\n console.error(`Error reading ${mdxFile}:`, error.message);\n }\n }\n\n return Array.from(referencedSnippets);\n}\n\n/**\n * Copy only snippets referenced by Claude Code docs\n */\nfunction copySnippets() {\n log(\"\\n\" + \"=\".repeat(60));\n log(\"Copying snippets...\");\n log(\"=\".repeat(60) + \"\\n\");\n\n const snippetsSrc = path.join(DOCS_REPO_DIR, \"snippets\");\n const snippetsDest = path.join(TARGET_REPO_DIR, \"snippets\");\n\n if (!fs.existsSync(snippetsSrc)) {\n log(\"No snippets directory found.\");\n return;\n }\n\n // Find which snippets are actually referenced\n const referencedSnippets = findReferencedSnippets();\n\n if (referencedSnippets.length === 0) {\n log(\"No snippets referenced in Claude Code docs.\");\n return;\n }\n\n if (!DRY_RUN) {\n fs.mkdirSync(snippetsDest, { recursive: true });\n }\n\n let snippetCount = 0;\n for (const snippetPath of referencedSnippets) {\n const srcPath = path.join(snippetsSrc, snippetPath);\n const destPath = path.join(snippetsDest, snippetPath);\n\n if (fs.existsSync(srcPath)) {\n if (!DRY_RUN) {\n fs.copyFileSync(srcPath, destPath);\n }\n snippetCount++;\n log(` ✓ Copied ${snippetPath}`);\n } else {\n log(` ⚠ Snippet not found: ${snippetPath}`);\n }\n }\n\n log(`\\n✓ Copied ${snippetCount} referenced snippets (out of ${referencedSnippets.length} found)`);\n}\n\n/**\n * Copy other necessary files (styles, etc.)\n */\nfunction copyOtherFiles() {\n log(\"\\n\" + \"=\".repeat(60));\n log(\"Copying other necessary files...\");\n log(\"=\".repeat(60) + \"\\n\");\n\n const filesToCopy = [\n \"style.css\",\n \"button.css\",\n ];\n\n let copiedCount = 0;\n for (const file of filesToCopy) {\n const src = path.join(DOCS_REPO_DIR, file);\n const dest = path.join(TARGET_REPO_DIR, file);\n\n if (fs.existsSync(src)) {\n if (!DRY_RUN) {\n fs.copyFileSync(src, dest);\n }\n copiedCount++;\n log(` ✓ Copied ${file}`);\n } else {\n log(` - ${file} not found, skipping`);\n }\n }\n\n log(`\\nTotal: Copied ${copiedCount} additional files`);\n}\n\n// Main execution\nfunction main() {\n console.log(\"=\".repeat(60));\n console.log(\"Claude Code Documentation Migration\");\n console.log(\"=\".repeat(60));\n console.log(`Source: ${DOCS_REPO_DIR}`);\n console.log(`Target: ${TARGET_REPO_DIR}`);\n if (DRY_RUN) {\n console.log(\"\\n*** DRY RUN MODE - No files will be modified ***\\n\");\n }\n console.log(\"=\".repeat(60));\n\n // Check if source directory exists\n if (!fs.existsSync(DOCS_REPO_DIR)) {\n console.error(`Error: Source directory not found: ${DOCS_REPO_DIR}`);\n process.exit(1);\n }\n\n // Run migration steps\n copyClaudeCodeDocs();\n copyImages();\n copySnippets();\n copyOtherFiles();\n generateDocsJson();\n\n // Summary\n log(\"\\n\" + \"=\".repeat(60));\n log(\"Migration complete!\");\n log(\"=\".repeat(60));\n log(`✓ Copied ${fileCount} Claude Code MDX files`);\n log(`✓ Copied ${imageCount} images and snippets`);\n log(`✓ Generated filtered docs.json`);\n log(\"=\".repeat(60));\n\n if (DRY_RUN) {\n console.log(\"\\nThis was a dry run. Run without --dry-run to actually copy files.\");\n } else {\n console.log(\"\\nNext steps:\");\n console.log(\"1. Review the migrated content\");\n console.log(\"2. Commit the changes to git\");\n console.log(\"3. Test the documentation site\");\n }\n}\n\nmain();\n"])</script><script>self.__next_f.push([1,"4b:[\"$\",\"$L4f\",null,{\"customJsDisabled\":false,\"jsFiles\":[{\"_id\":\"6906005aecd2c7b3d78ac5e4\",\"filePath\":\"migrate-claude-code-docs.js\",\"subdomain\":\"claude-code\",\"__v\":0,\"content\":\"$50\"}]}]\n53:T41903,"])</script><script>self.__next_f.push([1,"\"use strict\";\nconst {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n a: \"a\",\n code: \"code\",\n li: \"li\",\n ol: \"ol\",\n p: \"p\",\n pre: \"pre\",\n span: \"span\",\n strong: \"strong\",\n tbody: \"tbody\",\n td: \"td\",\n th: \"th\",\n thead: \"thead\",\n tr: \"tr\",\n ul: \"ul\",\n ..._provideComponents(),\n ...props.components\n }, {CodeBlock, Heading, Note, Step, Steps, Table, Tip, Warning} = _components;\n if (!CodeBlock) _missingMdxReference(\"CodeBlock\", true);\n if (!Heading) _missingMdxReference(\"Heading\", true);\n if (!Note) _missingMdxReference(\"Note\", true);\n if (!Step) _missingMdxReference(\"Step\", true);\n if (!Steps) _missingMdxReference(\"Steps\", true);\n if (!Table) _missingMdxReference(\"Table\", true);\n if (!Tip) _missingMdxReference(\"Tip\", true);\n if (!Warning) _missingMdxReference(\"Warning\", true);\n return _jsxs(_Fragment, {\n children: [_jsxs(_components.p, {\n children: [\"Skills extend what Claude can do. Create a \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" file with instructions, and Claude adds it to its toolkit. Claude uses skills when relevant, or you can invoke one directly with \", _jsx(_components.code, {\n children: \"/skill-name\"\n }), \".\"]\n }), \"\\n\", _jsxs(Note, {\n children: [_jsxs(_components.p, {\n children: [\"For built-in commands like \", _jsx(_components.code, {\n children: \"/help\"\n }), \" and \", _jsx(_components.code, {\n children: \"/compact\"\n }), \", see \", _jsx(_components.a, {\n href: \"/en/interactive-mode#built-in-commands\",\n children: \"interactive mode\"\n }), \".\"]\n }), _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Custom slash commands have been merged into skills.\"\n }), \" A file at \", _jsx(_components.code, {\n children: \".claude/commands/review.md\"\n }), \" and a skill at \", _jsx(_components.code, {\n children: \".claude/skills/review/SKILL.md\"\n }), \" both create \", _jsx(_components.code, {\n children: \"/review\"\n }), \" and work the same way. Your existing \", _jsx(_components.code, {\n children: \".claude/commands/\"\n }), \" files keep working. Skills add optional features: a directory for supporting files, frontmatter to \", _jsx(_components.a, {\n href: \"#control-who-invokes-a-skill\",\n children: \"control whether you or Claude invokes them\"\n }), \", and the ability for Claude to load them automatically when relevant.\"]\n })]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Claude Code skills follow the \", _jsx(_components.a, {\n href: \"https://agentskills.io\",\n children: \"Agent Skills\"\n }), \" open standard, which works across multiple AI tools. Claude Code extends the standard with additional features like \", _jsx(_components.a, {\n href: \"#control-who-invokes-a-skill\",\n children: \"invocation control\"\n }), \", \", _jsx(_components.a, {\n href: \"#run-skills-in-a-subagent\",\n children: \"subagent execution\"\n }), \", and \", _jsx(_components.a, {\n href: \"#inject-dynamic-context\",\n children: \"dynamic context injection\"\n }), \".\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"getting-started\",\n children: \"Getting started\"\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"create-your-first-skill\",\n children: \"Create your first skill\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"This example creates a skill that teaches Claude to explain code using visual diagrams and analogies. Since it uses default frontmatter, Claude can load it automatically when you ask how something works, or you can invoke it directly with \", _jsx(_components.code, {\n children: \"/explain-code\"\n }), \".\"]\n }), \"\\n\", _jsxs(Steps, {\n children: [_jsxs(Step, {\n title: \"Create the skill directory\",\n children: [_jsx(_components.p, {\n children: \"Create a directory for the skill in your personal skills folder. Personal skills are available across all your projects.\"\n }), _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"1\",\n language: \"shellscript\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"shellscript\",\n children: _jsxs(_components.code, {\n language: \"shellscript\",\n numberOfLines: \"1\",\n children: [_jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \"mkdir\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" -p\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" ~/.claude/skills/explain-code\"\n })]\n }), \"\\n\"]\n })\n })\n })]\n }), _jsxs(Step, {\n title: \"Write SKILL.md\",\n children: [_jsxs(_components.p, {\n children: [\"Every skill needs a \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" file with two parts: YAML frontmatter (between \", _jsx(_components.code, {\n children: \"---\"\n }), \" markers) that tells Claude when to use the skill, and markdown content with instructions Claude follows when the skill is invoked. The \", _jsx(_components.code, {\n children: \"name\"\n }), \" field becomes the \", _jsx(_components.code, {\n children: \"/slash-command\"\n }), \", and the \", _jsx(_components.code, {\n children: \"description\"\n }), \" helps Claude decide when to load it automatically.\"]\n }), _jsxs(_components.p, {\n children: [\"Create \", _jsx(_components.code, {\n children: \"~/.claude/skills/explain-code/SKILL.md\"\n }), \":\"]\n }), _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"13\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"13\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"explain-code\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Explains code with visual diagrams and analogies. Use when explaining how code works, teaching about a codebase, or when the user asks \\\"how does this work?\\\"\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"When explaining code, always include\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"1. **Start with an analogy**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Compare the code to something from everyday life\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"2. **Draw a diagram**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Use ASCII art to show the flow, structure, or relationships\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"3. **Walk through the code**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Explain step-by-step what happens\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"4. **Highlight a gotcha**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"What's a common mistake or misconception?\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Keep explanations conversational. For complex concepts, use multiple analogies.\"\n })\n }), \"\\n\"]\n })\n })\n })]\n }), _jsxs(Step, {\n title: \"Test the skill\",\n children: [_jsx(_components.p, {\n children: \"You can test it two ways:\"\n }), _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Let Claude invoke it automatically\"\n }), \" by asking something that matches the description:\"]\n }), _jsx(CodeBlock, {\n numberOfLines: \"2\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"2\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"How does this code work?\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Or invoke it directly\"\n }), \" with the skill name:\"]\n }), _jsx(CodeBlock, {\n numberOfLines: \"2\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"2\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"/explain-code src/auth/login.ts\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), _jsx(_components.p, {\n children: \"Either way, Claude should include an analogy and ASCII diagram in its explanation.\"\n })]\n })]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"where-skills-live\",\n children: \"Where skills live\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Where you store a skill determines who can use it:\"\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Location\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Path\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Applies to\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Enterprise\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"See \", _jsx(_components.a, {\n href: \"/en/permissions#managed-settings\",\n children: \"managed settings\"\n })]\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"All users in your organization\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Personal\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"~/.claude/skills/\u003cskill-name\u003e/SKILL.md\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"All your projects\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Project\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \".claude/skills/\u003cskill-name\u003e/SKILL.md\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"This project only\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Plugin\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"\u003cplugin\u003e/skills/\u003cskill-name\u003e/SKILL.md\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Where plugin is enabled\"\n })]\n })]\n })]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"When skills share the same name across levels, higher-priority locations win: enterprise \u003e personal \u003e project. Plugin skills use a \", _jsx(_components.code, {\n children: \"plugin-name:skill-name\"\n }), \" namespace, so they cannot conflict with other levels. If you have files in \", _jsx(_components.code, {\n children: \".claude/commands/\"\n }), \", those work the same way, but if a skill and a command share the same name, the skill takes precedence.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"4\",\n id: \"automatic-discovery-from-nested-directories\",\n children: \"Automatic discovery from nested directories\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"When you work with files in subdirectories, Claude Code automatically discovers skills from nested \", _jsx(_components.code, {\n children: \".claude/skills/\"\n }), \" directories. For example, if you’re editing a file in \", _jsx(_components.code, {\n children: \"packages/frontend/\"\n }), \", Claude Code also looks for skills in \", _jsx(_components.code, {\n children: \"packages/frontend/.claude/skills/\"\n }), \". This supports monorepo setups where packages have their own skills.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Each skill is a directory with \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" as the entrypoint:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n numberOfLines: \"8\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"8\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"my-skill/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── SKILL.md # Main instructions (required)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── template.md # Template for Claude to fill in\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── examples/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"│ └── sample.md # Example output showing expected format\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"└── scripts/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \" └── validate.sh # Script Claude can execute\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"The \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" contains the main instructions and is required. Other files are optional and let you build more powerful skills: templates for Claude to fill in, example outputs showing the expected format, scripts Claude can execute, or detailed reference documentation. Reference these files from your \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" so Claude knows what they contain and when to load them. See \", _jsx(_components.a, {\n href: \"#add-supporting-files\",\n children: \"Add supporting files\"\n }), \" for more details.\"]\n }), \"\\n\", _jsx(Note, {\n children: _jsxs(_components.p, {\n children: [\"Files in \", _jsx(_components.code, {\n children: \".claude/commands/\"\n }), \" still work and support the same \", _jsx(_components.a, {\n href: \"#frontmatter-reference\",\n children: \"frontmatter\"\n }), \". Skills are recommended since they support additional features like supporting files.\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"4\",\n id: \"skills-from-additional-directories\",\n children: \"Skills from additional directories\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skills defined in \", _jsx(_components.code, {\n children: \".claude/skills/\"\n }), \" within directories added via \", _jsx(_components.code, {\n children: \"--add-dir\"\n }), \" are loaded automatically and picked up by live change detection, so you can edit them during a session without restarting.\"]\n }), \"\\n\", _jsx(Note, {\n children: _jsxs(_components.p, {\n children: [\"CLAUDE.md files from \", _jsx(_components.code, {\n children: \"--add-dir\"\n }), \" directories are not loaded by default. To load them, set \", _jsx(_components.code, {\n children: \"CLAUDE_CODE_ADDITIONAL_DIRECTORIES_CLAUDE_MD=1\"\n }), \". See \", _jsx(_components.a, {\n href: \"/en/memory#load-memory-from-additional-directories\",\n children: \"Load memory from additional directories\"\n }), \".\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"configure-skills\",\n children: \"Configure skills\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skills are configured through YAML frontmatter at the top of \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" and the markdown content that follows.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"types-of-skill-content\",\n children: \"Types of skill content\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Skill files can contain any instructions, but thinking about how you want to invoke them helps guide what to include:\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Reference content\"\n }), \" adds knowledge Claude applies to your current work. Conventions, patterns, style guides, domain knowledge. This content runs inline so Claude can use it alongside your conversation context.\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"9\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"9\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"api-conventions\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"API design patterns for this codebase\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"When writing API endpoints\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Use RESTful naming conventions\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Return consistent error formats\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Include request validation\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Task content\"\n }), \" gives Claude step-by-step instructions for a specific action, like deployments, commits, or code generation. These are often actions you want to invoke directly with \", _jsx(_components.code, {\n children: \"/skill-name\"\n }), \" rather than letting Claude decide when to run them. Add \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" to prevent Claude from triggering it automatically.\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"11\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"11\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"deploy\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Deploy the application to production\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"context\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fork\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"disable-model-invocation\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"true\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Deploy the application\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"1. Run the test suite\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"2. Build the application\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"3. Push to the deployment target\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Your \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" can contain anything, but thinking through how you want the skill invoked (by you, by Claude, or both) and where you want it to run (inline or in a subagent) helps guide what to include. For complex skills, you can also \", _jsx(_components.a, {\n href: \"#add-supporting-files\",\n children: \"add supporting files\"\n }), \" to keep the main skill focused.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"frontmatter-reference\",\n children: \"Frontmatter reference\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Beyond the markdown content, you can configure skill behavior using YAML frontmatter fields between \", _jsx(_components.code, {\n children: \"---\"\n }), \" markers at the top of your \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" file:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"8\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"8\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"my-skill\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"What this skill does\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"disable-model-invocation\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"true\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"allowed-tools\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Read, Grep\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Your skill instructions here...\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"All fields are optional. Only \", _jsx(_components.code, {\n children: \"description\"\n }), \" is recommended so Claude knows when to use the skill.\"]\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Field\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Required\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"name\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Display name for the skill. If omitted, uses the directory name. Lowercase letters, numbers, and hyphens only (max 64 characters).\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"description\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Recommended\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"What the skill does and when to use it. Claude uses this to decide when to apply the skill. If omitted, uses the first paragraph of markdown content.\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"argument-hint\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Hint shown during autocomplete to indicate expected arguments. Example: \", _jsx(_components.code, {\n children: \"[issue-number]\"\n }), \" or \", _jsx(_components.code, {\n children: \"[filename] [format]\"\n }), \".\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"disable-model-invocation\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Set to \", _jsx(_components.code, {\n children: \"true\"\n }), \" to prevent Claude from automatically loading this skill. Use for workflows you want to trigger manually with \", _jsx(_components.code, {\n children: \"/name\"\n }), \". Default: \", _jsx(_components.code, {\n children: \"false\"\n }), \".\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"user-invocable\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Set to \", _jsx(_components.code, {\n children: \"false\"\n }), \" to hide from the \", _jsx(_components.code, {\n children: \"/\"\n }), \" menu. Use for background knowledge users shouldn’t invoke directly. Default: \", _jsx(_components.code, {\n children: \"true\"\n }), \".\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"allowed-tools\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Tools Claude can use without asking permission when this skill is active.\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"model\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Model to use when this skill is active.\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"context\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Set to \", _jsx(_components.code, {\n children: \"fork\"\n }), \" to run in a forked subagent context.\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"agent\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Which subagent type to use when \", _jsx(_components.code, {\n children: \"context: fork\"\n }), \" is set.\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"hooks\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Hooks scoped to this skill’s lifecycle. See \", _jsx(_components.a, {\n href: \"/en/hooks#hooks-in-skills-and-agents\",\n children: \"Hooks in skills and agents\"\n }), \" for configuration format.\"]\n })]\n })]\n })]\n }), \"\\n\", _jsx(Heading, {\n level: \"4\",\n id: \"available-string-substitutions\",\n children: \"Available string substitutions\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Skills support string substitution for dynamic values in the skill content:\"\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Variable\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n })\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"All arguments passed when invoking the skill. If \", _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n }), \" is not present in the content, arguments are appended as \", _jsx(_components.code, {\n children: \"ARGUMENTS: \u003cvalue\u003e\"\n }), \".\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"$ARGUMENTS[N]\"\n })\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Access a specific argument by 0-based index, such as \", _jsx(_components.code, {\n children: \"$ARGUMENTS[0]\"\n }), \" for the first argument.\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"$N\"\n })\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Shorthand for \", _jsx(_components.code, {\n children: \"$ARGUMENTS[N]\"\n }), \", such as \", _jsx(_components.code, {\n children: \"$0\"\n }), \" for the first argument or \", _jsx(_components.code, {\n children: \"$1\"\n }), \" for the second.\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"${CLAUDE_SESSION_ID}\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"The current session ID. Useful for logging, creating session-specific files, or correlating skill output with sessions.\"\n })]\n })]\n })]\n }), \"\\n\", _jsx(_components.p, {\n children: _jsx(_components.strong, {\n children: \"Example using substitutions:\"\n })\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"8\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"8\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"session-logger\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Log activity for this session\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Log the following to logs/${CLAUDE_SESSION_ID}.log\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"$ARGUMENTS\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"add-supporting-files\",\n children: \"Add supporting files\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skills can include multiple files in their directory. This keeps \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" focused on the essentials while letting Claude access detailed reference material only when needed. Large reference docs, API specifications, or example collections don’t need to load into context every time the skill runs.\"]\n }), \"\\n\", _jsx(CodeBlock, {\n numberOfLines: \"7\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"7\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"my-skill/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── SKILL.md (required - overview and navigation)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── reference.md (detailed API docs - loaded when needed)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── examples.md (usage examples - loaded when needed)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"└── scripts/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \" └── helper.py (utility script - executed, not loaded)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Reference supporting files from \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" so Claude knows what each file contains and when to load it:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"4\",\n language: \"markdown\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"markdown\",\n children: _jsxs(_components.code, {\n language: \"markdown\",\n numberOfLines: \"4\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-light-font-weight\": \"bold\",\n \"--shiki-dark\": \"#569CD6\",\n \"--shiki-dark-font-weight\": \"bold\"\n },\n children: \"## Additional resources\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#6796E6\"\n },\n children: \"-\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" For complete API details, see [\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"reference.md\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"](\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-light-text-decoration\": \"underline\",\n \"--shiki-dark\": \"#D4D4D4\",\n \"--shiki-dark-text-decoration\": \"underline\"\n },\n children: \"reference.md\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#6796E6\"\n },\n children: \"-\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" For usage examples, see [\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"examples.md\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"](\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-light-text-decoration\": \"underline\",\n \"--shiki-dark\": \"#D4D4D4\",\n \"--shiki-dark-text-decoration\": \"underline\"\n },\n children: \"examples.md\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(Tip, {\n children: [\"Keep \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" under 500 lines. Move detailed reference material to separate files.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"control-who-invokes-a-skill\",\n children: \"Control who invokes a skill\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"By default, both you and Claude can invoke any skill. You can type \", _jsx(_components.code, {\n children: \"/skill-name\"\n }), \" to invoke it directly, and Claude can load it automatically when relevant to your conversation. Two frontmatter fields let you restrict this:\"]\n }), \"\\n\", _jsxs(_components.ul, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [\"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n })\n }), \": Only you can invoke the skill. Use this for workflows with side effects or that you want to control timing, like \", _jsx(_components.code, {\n children: \"/commit\"\n }), \", \", _jsx(_components.code, {\n children: \"/deploy\"\n }), \", or \", _jsx(_components.code, {\n children: \"/send-slack-message\"\n }), \". You don’t want Claude deciding to deploy because your code looks ready.\"]\n }), \"\\n\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.code, {\n children: \"user-invocable: false\"\n })\n }), \": Only Claude can invoke the skill. Use this for background knowledge that isn’t actionable as a command. A \", _jsx(_components.code, {\n children: \"legacy-system-context\"\n }), \" skill explains how an old system works. Claude should know this when relevant, but \", _jsx(_components.code, {\n children: \"/legacy-system-context\"\n }), \" isn’t a meaningful action for users to take.\"]\n }), \"\\n\"]\n }), \"\\n\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"This example creates a deploy skill that only you can trigger. The \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" field prevents Claude from running it automatically:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"12\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"12\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"deploy\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Deploy the application to production\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"disable-model-invocation\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"true\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Deploy $ARGUMENTS to production\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"1. Run the test suite\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"2. Build the application\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"3. Push to the deployment target\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"4. Verify the deployment succeeded\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(_components.p, {\n children: \"Here’s how the two fields affect invocation and context loading:\"\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Frontmatter\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"You can invoke\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Claude can invoke\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"When loaded into context\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"(default)\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Yes\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Yes\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description always in context, full skill loads when invoked\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Yes\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description not in context, full skill loads when you invoke\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"user-invocable: false\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Yes\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description always in context, full skill loads when invoked\"\n })]\n })]\n })]\n }), \"\\n\", _jsx(Note, {\n children: _jsxs(_components.p, {\n children: [\"In a regular session, skill descriptions are loaded into context so Claude knows what’s available, but full skill content only loads when invoked. \", _jsx(_components.a, {\n href: \"/en/sub-agents#preload-skills-into-subagents\",\n children: \"Subagents with preloaded skills\"\n }), \" work differently: the full skill content is injected at startup.\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"restrict-tool-access\",\n children: \"Restrict tool access\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Use the \", _jsx(_components.code, {\n children: \"allowed-tools\"\n }), \" field to limit which tools Claude can use when a skill is active. This skill creates a read-only mode where Claude can explore files but not modify them:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"5\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"5\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"safe-reader\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Read files without making changes\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"allowed-tools\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Read, Grep, Glob\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"pass-arguments-to-skills\",\n children: \"Pass arguments to skills\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Both you and Claude can pass arguments when invoking a skill. Arguments are available via the \", _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n }), \" placeholder.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"This skill fixes a GitHub issue by number. The \", _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n }), \" placeholder gets replaced with whatever follows the skill name:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"13\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"13\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fix-issue\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Fix a GitHub issue\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"disable-model-invocation\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"true\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Fix GitHub issue $ARGUMENTS following our coding standards.\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"1. Read the issue description\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"2. Understand the requirements\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"3. Implement the fix\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"4. Write tests\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"5. Create a commit\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"When you run \", _jsx(_components.code, {\n children: \"/fix-issue 123\"\n }), \", Claude receives “Fix GitHub issue 123 following our coding standards…”\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"If you invoke a skill with arguments but the skill doesn’t include \", _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n }), \", Claude Code appends \", _jsx(_components.code, {\n children: \"ARGUMENTS: \u003cyour input\u003e\"\n }), \" to the end of the skill content so Claude still sees what you typed.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"To access individual arguments by position, use \", _jsx(_components.code, {\n children: \"$ARGUMENTS[N]\"\n }), \" or the shorter \", _jsx(_components.code, {\n children: \"$N\"\n }), \":\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"7\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"7\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"migrate-component\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Migrate a component from one framework to another\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Migrate the $ARGUMENTS[0] component from $ARGUMENTS[1] to $ARGUMENTS[2].\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Preserve all existing behavior and tests.\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Running \", _jsx(_components.code, {\n children: \"/migrate-component SearchBar React Vue\"\n }), \" replaces \", _jsx(_components.code, {\n children: \"$ARGUMENTS[0]\"\n }), \" with \", _jsx(_components.code, {\n children: \"SearchBar\"\n }), \", \", _jsx(_components.code, {\n children: \"$ARGUMENTS[1]\"\n }), \" with \", _jsx(_components.code, {\n children: \"React\"\n }), \", and \", _jsx(_components.code, {\n children: \"$ARGUMENTS[2]\"\n }), \" with \", _jsx(_components.code, {\n children: \"Vue\"\n }), \". The same skill using the \", _jsx(_components.code, {\n children: \"$N\"\n }), \" shorthand:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"7\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"7\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"migrate-component\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Migrate a component from one framework to another\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Migrate the $0 component from $1 to $2.\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Preserve all existing behavior and tests.\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"advanced-patterns\",\n children: \"Advanced patterns\"\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"inject-dynamic-context\",\n children: \"Inject dynamic context\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"The \", _jsx(_components.code, {\n children: \"!\"\n }), \"command“ syntax runs shell commands before the skill content is sent to Claude. The command output replaces the placeholder, so Claude receives actual data, not the command itself.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"This skill summarizes a pull request by fetching live PR data with the GitHub CLI. The \", _jsx(_components.code, {\n children: \"!\"\n }), \"gh pr diff“ and other commands run first, and their output gets inserted into the prompt:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"15\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"15\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"pr-summary\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Summarize changes in a pull request\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"context\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fork\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"agent\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Explore\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"allowed-tools\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Bash(gh *)\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"## Pull request context\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"PR diff\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#82071E\",\n \"--shiki-light-font-style\": \"italic\",\n \"--shiki-dark\": \"#F44747\",\n \"--shiki-dark-font-style\": \"inherit\"\n },\n children: \"!`gh\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" pr diff`\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"PR comments\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#82071E\",\n \"--shiki-light-font-style\": \"italic\",\n \"--shiki-dark\": \"#F44747\",\n \"--shiki-dark-font-style\": \"inherit\"\n },\n children: \"!`gh\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" pr view --comments`\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Changed files\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#82071E\",\n \"--shiki-light-font-style\": \"italic\",\n \"--shiki-dark\": \"#F44747\",\n \"--shiki-dark-font-style\": \"inherit\"\n },\n children: \"!`gh\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" pr diff --name-only`\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"## Your task\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Summarize this pull request...\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(_components.p, {\n children: \"When this skill runs:\"\n }), \"\\n\", _jsxs(_components.ol, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [\"Each \", _jsx(_components.code, {\n children: \"!\"\n }), \"command“ executes immediately (before Claude sees anything)\"]\n }), \"\\n\", _jsx(_components.li, {\n children: \"The output replaces the placeholder in the skill content\"\n }), \"\\n\", _jsx(_components.li, {\n children: \"Claude receives the fully-rendered prompt with actual PR data\"\n }), \"\\n\"]\n }), \"\\n\", _jsx(_components.p, {\n children: \"This is preprocessing, not something Claude executes. Claude only sees the final result.\"\n }), \"\\n\", _jsx(Tip, {\n children: _jsxs(_components.p, {\n children: [\"To enable \", _jsx(_components.a, {\n href: \"/en/common-workflows#use-extended-thinking-thinking-mode\",\n children: \"extended thinking\"\n }), \" in a skill, include the word “ultrathink” anywhere in your skill content.\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"run-skills-in-a-subagent\",\n children: \"Run skills in a subagent\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Add \", _jsx(_components.code, {\n children: \"context: fork\"\n }), \" to your frontmatter when you want a skill to run in isolation. The skill content becomes the prompt that drives the subagent. It won’t have access to your conversation history.\"]\n }), \"\\n\", _jsx(Warning, {\n children: _jsxs(_components.p, {\n children: [_jsx(_components.code, {\n children: \"context: fork\"\n }), \" only makes sense for skills with explicit instructions. If your skill contains guidelines like “use these API conventions” without a task, the subagent receives the guidelines but no actionable prompt, and returns without meaningful output.\"]\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skills and \", _jsx(_components.a, {\n href: \"/en/sub-agents\",\n children: \"subagents\"\n }), \" work together in two directions:\"]\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Approach\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"System prompt\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Task\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Also loads\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Skill with \", _jsx(_components.code, {\n children: \"context: fork\"\n })]\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"From agent type (\", _jsx(_components.code, {\n children: \"Explore\"\n }), \", \", _jsx(_components.code, {\n children: \"Plan\"\n }), \", etc.)\"]\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"SKILL.md content\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"CLAUDE.md\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Subagent with \", _jsx(_components.code, {\n children: \"skills\"\n }), \" field\"]\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Subagent’s markdown body\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Claude’s delegation message\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Preloaded skills + CLAUDE.md\"\n })]\n })]\n })]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"With \", _jsx(_components.code, {\n children: \"context: fork\"\n }), \", you write the task in your skill and pick an agent type to execute it. For the inverse (defining a custom subagent that uses skills as reference material), see \", _jsx(_components.a, {\n href: \"/en/sub-agents#preload-skills-into-subagents\",\n children: \"Subagents\"\n }), \".\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"4\",\n id: \"example%3A-research-skill-using-explore-agent\",\n children: \"Example: Research skill using Explore agent\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"This skill runs research in a forked Explore agent. The skill content becomes the task, and the agent provides read-only tools optimized for codebase exploration:\"\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"12\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"12\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"deep-research\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Research a topic thoroughly\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"context\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fork\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"agent\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Explore\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Research $ARGUMENTS thoroughly\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"1. Find relevant files using Glob and Grep\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"2. Read and analyze the code\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"3. Summarize findings with specific file references\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(_components.p, {\n children: \"When this skill runs:\"\n }), \"\\n\", _jsxs(_components.ol, {\n children: [\"\\n\", _jsx(_components.li, {\n children: \"A new isolated context is created\"\n }), \"\\n\", _jsx(_components.li, {\n children: \"The subagent receives the skill content as its prompt (“Research $ARGUMENTS thoroughly…”)\"\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"The \", _jsx(_components.code, {\n children: \"agent\"\n }), \" field determines the execution environment (model, tools, and permissions)\"]\n }), \"\\n\", _jsx(_components.li, {\n children: \"Results are summarized and returned to your main conversation\"\n }), \"\\n\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"The \", _jsx(_components.code, {\n children: \"agent\"\n }), \" field specifies which subagent configuration to use. Options include built-in agents (\", _jsx(_components.code, {\n children: \"Explore\"\n }), \", \", _jsx(_components.code, {\n children: \"Plan\"\n }), \", \", _jsx(_components.code, {\n children: \"general-purpose\"\n }), \") or any custom subagent from \", _jsx(_components.code, {\n children: \".claude/agents/\"\n }), \". If omitted, uses \", _jsx(_components.code, {\n children: \"general-purpose\"\n }), \".\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"restrict-claude%E2%80%99s-skill-access\",\n children: \"Restrict Claude’s skill access\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"By default, Claude can invoke any skill that doesn’t have \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" set. Skills that define \", _jsx(_components.code, {\n children: \"allowed-tools\"\n }), \" grant Claude access to those tools without per-use approval when the skill is active. Your \", _jsx(_components.a, {\n href: \"/en/permissions\",\n children: \"permission settings\"\n }), \" still govern baseline approval behavior for all other tools. Built-in commands like \", _jsx(_components.code, {\n children: \"/compact\"\n }), \" and \", _jsx(_components.code, {\n children: \"/init\"\n }), \" are not available through the Skill tool.\"]\n }), \"\\n\", _jsx(_components.p, {\n children: \"Three ways to control which skills Claude can invoke:\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Disable all skills\"\n }), \" by denying the Skill tool in \", _jsx(_components.code, {\n children: \"/permissions\"\n }), \":\"]\n }), \"\\n\", _jsx(CodeBlock, {\n numberOfLines: \"3\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"3\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"# Add to deny rules:\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"Skill\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Allow or deny specific skills\"\n }), \" using \", _jsx(_components.a, {\n href: \"/en/permissions\",\n children: \"permission rules\"\n }), \":\"]\n }), \"\\n\", _jsx(CodeBlock, {\n numberOfLines: \"7\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"7\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"# Allow only specific skills\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"Skill(commit)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"Skill(review-pr *)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"# Deny specific skills\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"Skill(deploy *)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Permission syntax: \", _jsx(_components.code, {\n children: \"Skill(name)\"\n }), \" for exact match, \", _jsx(_components.code, {\n children: \"Skill(name *)\"\n }), \" for prefix match with any arguments.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Hide individual skills\"\n }), \" by adding \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" to their frontmatter. This removes the skill from Claude’s context entirely.\"]\n }), \"\\n\", _jsx(Note, {\n children: _jsxs(_components.p, {\n children: [\"The \", _jsx(_components.code, {\n children: \"user-invocable\"\n }), \" field only controls menu visibility, not Skill tool access. Use \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" to block programmatic invocation.\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"share-skills\",\n children: \"Share skills\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Skills can be distributed at different scopes depending on your audience:\"\n }), \"\\n\", _jsxs(_components.ul, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: \"Project skills\"\n }), \": Commit \", _jsx(_components.code, {\n children: \".claude/skills/\"\n }), \" to version control\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: \"Plugins\"\n }), \": Create a \", _jsx(_components.code, {\n children: \"skills/\"\n }), \" directory in your \", _jsx(_components.a, {\n href: \"/en/plugins\",\n children: \"plugin\"\n })]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: \"Managed\"\n }), \": Deploy organization-wide through \", _jsx(_components.a, {\n href: \"/en/permissions#managed-settings\",\n children: \"managed settings\"\n })]\n }), \"\\n\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"generate-visual-output\",\n children: \"Generate visual output\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Skills can bundle and run scripts in any language, giving Claude capabilities beyond what’s possible in a single prompt. One powerful pattern is generating visual output: interactive HTML files that open in your browser for exploring data, debugging, or creating reports.\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"This example creates a codebase explorer: an interactive tree view where you can expand and collapse directories, see file sizes at a glance, and identify file types by color.\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Create the Skill directory:\"\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"1\",\n language: \"shellscript\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"shellscript\",\n children: _jsxs(_components.code, {\n language: \"shellscript\",\n numberOfLines: \"1\",\n children: [_jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \"mkdir\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" -p\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" ~/.claude/skills/codebase-visualizer/scripts\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Create \", _jsx(_components.code, {\n children: \"~/.claude/skills/codebase-visualizer/SKILL.md\"\n }), \". The description tells Claude when to activate this Skill, and the instructions tell Claude to run the bundled script:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"26\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"26\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"codebase-visualizer\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Generate an interactive collapsible tree visualization of your codebase. Use when exploring a new repo, understanding project structure, or identifying large files.\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"allowed-tools\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Bash(python *)\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"# Codebase Visualizer\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Generate an interactive HTML tree view that shows your project's file structure with collapsible directories.\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"## Usage\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Run the visualization script from your project root\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"```\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"bash\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"python ~/.claude/skills/codebase-visualizer/scripts/visualize.py .\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"```\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"This creates `codebase-map.html` in the current directory and opens it in your default browser.\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"## What the visualization shows\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"*Collapsible\"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" directories**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Click folders to expand/collapse\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"*File\"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" sizes**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Displayed next to each file\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"*Colors**:\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" Different colors for different file types\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"*Directory\"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" totals**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Shows aggregate size of each folder\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Create \", _jsx(_components.code, {\n children: \"~/.claude/skills/codebase-visualizer/scripts/visualize.py\"\n }), \". This script scans a directory tree and generates a self-contained HTML file with:\"]\n }), \"\\n\", _jsxs(_components.ul, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [\"A \", _jsx(_components.strong, {\n children: \"summary sidebar\"\n }), \" showing file count, directory count, total size, and number of file types\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"A \", _jsx(_components.strong, {\n children: \"bar chart\"\n }), \" breaking down the codebase by file type (top 8 by size)\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"A \", _jsx(_components.strong, {\n children: \"collapsible tree\"\n }), \" where you can expand and collapse directories, with color-coded file type indicators\"]\n }), \"\\n\"]\n }), \"\\n\", _jsx(_components.p, {\n children: \"The script requires Python but uses only built-in libraries, so there are no packages to install:\"\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n expandable: \"true\",\n numberOfLines: \"131\",\n language: \"python\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"python\",\n children: _jsxs(_components.code, {\n language: \"python\",\n numberOfLines: \"131\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"#!/usr/bin/env python3\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\\\"\\\"Generate an interactive collapsible tree visualization of a codebase.\\\"\\\"\\\"\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" json\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" sys\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" webbrowser\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"from\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" pathlib \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" Path\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"from\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" collections \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" Counter\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"IGNORE\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" =\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.git'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'node_modules'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'__pycache__'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.venv'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'venv'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'dist'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'build'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"}\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"def\"\n }), _jsx(_components.span, {\n style: {\n color: \"#8250DF\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" scan\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"path\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": Path, \"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"stats\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \"dict\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \") -\u003e \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \"dict\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"name\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": path.name, \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"children\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": [], \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"0\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" try\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" for\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"in\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" sorted\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(path.iterdir()):\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.name \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"in\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" IGNORE\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" or\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.name.startswith(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"):\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" continue\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.is_file():\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" size \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.stat().st_size\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" ext \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.suffix.lower() \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"or\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '(no ext)'\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"children\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"].append({\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"name\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": item.name, \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": size, \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"ext\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": ext})\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" size\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"files\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"extensions\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"][ext] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"ext_sizes\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"][ext] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" size\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" elif\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.is_dir():\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"dirs\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" child \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" scan(item, stats)\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" child[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"children\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]:\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"children\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"].append(child)\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" child[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" except\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \" PermissionError\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" pass\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" return\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"def\"\n }), _jsx(_components.span, {\n style: {\n color: \"#8250DF\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" generate_html\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"data\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \"dict\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"stats\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \"dict\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"output\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": Path) -\u003e \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"None\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" ext_sizes \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"ext_sizes\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" total_size \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" sum\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(ext_sizes.values()) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"or\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" sorted_exts \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" sorted\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(ext_sizes.items(), \"\n }), _jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"key\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"lambda\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \" x\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"-\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"x[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"1\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"])[:\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"8\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" colors \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" {\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.js'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#f7df1e'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.ts'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#3178c6'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.py'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#3776ab'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.go'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#00add8'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \",\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.rs'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#dea584'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.rb'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#cc342d'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.css'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#264de4'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.html'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#e34c26'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \",\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.json'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#6b7280'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.md'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#083fa1'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.yaml'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#cb171e'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.yml'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#cb171e'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \",\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.mdx'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#083fa1'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.tsx'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#3178c6'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.jsx'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#61dafb'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.sh'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#4eaa25'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \",\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" }\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" lang_bars \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \\\"\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \".join(\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\u003cdiv class=\\\"bar-row\\\"\u003e\u003cspan class=\\\"bar-label\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"ext\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e'\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\u003cdiv class=\\\"bar\\\" style=\\\"width:\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(size\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"/\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"total_size)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"100\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"%;background:\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"colors.get(ext,\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"#6b7280\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\u003e\u003c/div\u003e'\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\u003cspan class=\\\"bar-pct\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(size\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"/\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"total_size)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"100\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":.1f}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"%\u003c/span\u003e\u003c/div\u003e'\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" for\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" ext, size \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"in\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" sorted_exts\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" )\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" def\"\n }), _jsx(_components.span, {\n style: {\n color: \"#8250DF\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" fmt\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"b\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"):\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" b \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"\u003c\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1024\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"return\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"b\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" B\\\"\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" b \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"\u003c\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1048576\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"return\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"b\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"/\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"1024\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":.1f}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" KB\\\"\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" return\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"b\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"/\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"1048576\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":.1f}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" MB\\\"\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" html \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'''\u003c!DOCTYPE html\u003e\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003chtml\u003e\u003chead\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cmeta charset=\\\"utf-8\\\"\u003e\u003ctitle\u003eCodebase Explorer\u003c/title\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cstyle\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" body \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" font: 14px/1.5 system-ui, sans-serif; margin: 0; background: #1a1a2e; color: #eee; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .container \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" display: flex; height: 100vh; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .sidebar \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" width: 280px; background: #252542; padding: 20px; border-right: 1px solid #3d3d5c; overflow-y: auto; flex-shrink: 0; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .main \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" flex: 1; padding: 20px; overflow-y: auto; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" h1 \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" margin: 0 0 10px 0; font-size: 18px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" h2 \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" margin: 20px 0 10px 0; font-size: 14px; color: #888; text-transform: uppercase; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .stat \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #3d3d5c; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .stat-value \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" font-weight: bold; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .bar-row \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" display: flex; align-items: center; margin: 6px 0; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .bar-label \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" width: 55px; font-size: 12px; color: #aaa; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .bar \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" height: 18px; border-radius: 3px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .bar-pct \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" margin-left: 8px; font-size: 12px; color: #666; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .tree \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" list-style: none; padding-left: 20px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" details \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" cursor: pointer; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" summary \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" padding: 4px 8px; border-radius: 4px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" summary:hover \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" background: #2d2d44; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .folder \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" color: #ffd700; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .file \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" display: flex; align-items: center; padding: 4px 8px; border-radius: 4px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .file:hover \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" background: #2d2d44; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .size \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" color: #888; margin-left: auto; font-size: 12px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .dot \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" width: 8px; height: 8px; border-radius: 50%; margin-right: 8px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/style\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/head\u003e\u003cbody\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"container\\\"\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"sidebar\\\"\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003ch1\u003e📊 Summary\u003c/h1\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"stat\\\"\u003e\u003cspan\u003eFiles\u003c/span\u003e\u003cspan class=\\\"stat-value\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"files\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":,}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/div\u003e\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"stat\\\"\u003e\u003cspan\u003eDirectories\u003c/span\u003e\u003cspan class=\\\"stat-value\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"dirs\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":,}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/div\u003e\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"stat\\\"\u003e\u003cspan\u003eTotal size\u003c/span\u003e\u003cspan class=\\\"stat-value\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"fmt(data[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"])\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/div\u003e\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"stat\\\"\u003e\u003cspan\u003eFile types\u003c/span\u003e\u003cspan class=\\\"stat-value\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \"len\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"extensions\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"])\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/div\u003e\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003ch2\u003eBy file type\u003c/h2\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"lang_bars\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/div\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"main\\\"\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003ch1\u003e📁 \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"data[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"name\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/h1\u003e\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cul class=\\\"tree\\\" id=\\\"root\\\"\u003e\u003c/ul\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/div\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/div\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cscript\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const data = \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"json.dumps(data)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \";\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const colors = \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"json.dumps(colors)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \";\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" function fmt(b) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" if (b \u003c 1024) return b + ' B'; if (b \u003c 1048576) return (b/1024).toFixed(1) + ' KB'; return (b/1048576).toFixed(1) + ' MB'; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" function render(node, parent) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" if (node.children) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const det = document.createElement('details');\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" det.open = parent === document.getElementById('root');\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" det.innerHTML = `\u003csummary\u003e\u003cspan class=\\\"folder\\\"\u003e📁 $\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"node.name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003cspan class=\\\"size\\\"\u003e$\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fmt(node.size)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/summary\u003e`;\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const ul = document.createElement('ul'); ul.className = 'tree';\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" node.children.sort((a,b) =\u003e (b.children?1:0)-(a.children?1:0) || a.name.localeCompare(b.name));\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" node.children.forEach(c =\u003e render(c, ul));\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" det.appendChild(ul);\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const li = document.createElement('li'); li.appendChild(det); parent.appendChild(li);\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \" }}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" else \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const li = document.createElement('li'); li.className = 'file';\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" li.innerHTML = `\u003cspan class=\\\"dot\\\" style=\\\"background:$\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"colors[node.ext]||'#6b7280'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\u003e\u003c/span\u003e$\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"node.name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003cspan class=\\\"size\\\"\u003e$\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fmt(node.size)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e`;\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" parent.appendChild(li);\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \" }}\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \" }}\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" data.children.forEach(c =\u003e render(c, document.getElementById('root')));\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/script\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/body\u003e\u003c/html\u003e'''\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" output.write_text(html)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \" __name__\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" ==\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '__main__'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" target \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" Path(sys.argv[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"1\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" len\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(sys.argv) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" else\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \").resolve()\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"files\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"0\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"dirs\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"0\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"extensions\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": Counter(), \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"ext_sizes\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": Counter()}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" data \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" scan(target, stats)\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" out \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" Path(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'codebase-map.html'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" generate_html(data, stats, out)\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" print\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'Generated \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"out.absolute()\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" webbrowser.open(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'file://\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"out.absolute()\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"To test, open Claude Code in any project and ask “Visualize this codebase.” Claude runs the script, generates \", _jsx(_components.code, {\n children: \"codebase-map.html\"\n }), \", and opens it in your browser.\"]\n }), \"\\n\", _jsx(_components.p, {\n children: \"This pattern works for any visual output: dependency graphs, test coverage reports, API documentation, or database schema visualizations. The bundled script does the heavy lifting while Claude handles orchestration.\"\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"troubleshooting\",\n children: \"Troubleshooting\"\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"skill-not-triggering\",\n children: \"Skill not triggering\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"If Claude doesn’t use your skill when expected:\"\n }), \"\\n\", _jsxs(_components.ol, {\n children: [\"\\n\", _jsx(_components.li, {\n children: \"Check the description includes keywords users would naturally say\"\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"Verify the skill appears in \", _jsx(_components.code, {\n children: \"What skills are available?\"\n })]\n }), \"\\n\", _jsx(_components.li, {\n children: \"Try rephrasing your request to match the description more closely\"\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"Invoke it directly with \", _jsx(_components.code, {\n children: \"/skill-name\"\n }), \" if the skill is user-invocable\"]\n }), \"\\n\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"skill-triggers-too-often\",\n children: \"Skill triggers too often\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"If Claude uses your skill when you don’t want it:\"\n }), \"\\n\", _jsxs(_components.ol, {\n children: [\"\\n\", _jsx(_components.li, {\n children: \"Make the description more specific\"\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"Add \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" if you only want manual invocation\"]\n }), \"\\n\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"claude-doesn%E2%80%99t-see-all-my-skills\",\n children: \"Claude doesn’t see all my skills\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skill descriptions are loaded into context so Claude knows what’s available. If you have many skills, they may exceed the character budget. The budget scales dynamically at 2% of the context window, with a fallback of 16,000 characters. Run \", _jsx(_components.code, {\n children: \"/context\"\n }), \" to check for a warning about excluded skills.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"To override the limit, set the \", _jsx(_components.code, {\n children: \"SLASH_COMMAND_TOOL_CHAR_BUDGET\"\n }), \" environment variable.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"related-resources\",\n children: \"Related resources\"\n }), \"\\n\", _jsxs(_components.ul, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/sub-agents\",\n children: \"Subagents\"\n })\n }), \": delegate tasks to specialized agents\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/plugins\",\n children: \"Plugins\"\n })\n }), \": package and distribute skills with other extensions\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/hooks\",\n children: \"Hooks\"\n })\n }), \": automate workflows around tool events\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/memory\",\n children: \"Memory\"\n })\n }), \": manage CLAUDE.md files for persistent context\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/interactive-mode#built-in-commands\",\n children: \"Interactive mode\"\n })\n }), \": built-in commands and shortcuts\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/permissions\",\n children: \"Permissions\"\n })\n }), \": control tool and skill access\"]\n }), \"\\n\"]\n })]\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n"])</script><script>self.__next_f.push([1,"54:T41903,"])</script><script>self.__next_f.push([1,"\"use strict\";\nconst {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n a: \"a\",\n code: \"code\",\n li: \"li\",\n ol: \"ol\",\n p: \"p\",\n pre: \"pre\",\n span: \"span\",\n strong: \"strong\",\n tbody: \"tbody\",\n td: \"td\",\n th: \"th\",\n thead: \"thead\",\n tr: \"tr\",\n ul: \"ul\",\n ..._provideComponents(),\n ...props.components\n }, {CodeBlock, Heading, Note, Step, Steps, Table, Tip, Warning} = _components;\n if (!CodeBlock) _missingMdxReference(\"CodeBlock\", true);\n if (!Heading) _missingMdxReference(\"Heading\", true);\n if (!Note) _missingMdxReference(\"Note\", true);\n if (!Step) _missingMdxReference(\"Step\", true);\n if (!Steps) _missingMdxReference(\"Steps\", true);\n if (!Table) _missingMdxReference(\"Table\", true);\n if (!Tip) _missingMdxReference(\"Tip\", true);\n if (!Warning) _missingMdxReference(\"Warning\", true);\n return _jsxs(_Fragment, {\n children: [_jsxs(_components.p, {\n children: [\"Skills extend what Claude can do. Create a \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" file with instructions, and Claude adds it to its toolkit. Claude uses skills when relevant, or you can invoke one directly with \", _jsx(_components.code, {\n children: \"/skill-name\"\n }), \".\"]\n }), \"\\n\", _jsxs(Note, {\n children: [_jsxs(_components.p, {\n children: [\"For built-in commands like \", _jsx(_components.code, {\n children: \"/help\"\n }), \" and \", _jsx(_components.code, {\n children: \"/compact\"\n }), \", see \", _jsx(_components.a, {\n href: \"/en/interactive-mode#built-in-commands\",\n children: \"interactive mode\"\n }), \".\"]\n }), _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Custom slash commands have been merged into skills.\"\n }), \" A file at \", _jsx(_components.code, {\n children: \".claude/commands/review.md\"\n }), \" and a skill at \", _jsx(_components.code, {\n children: \".claude/skills/review/SKILL.md\"\n }), \" both create \", _jsx(_components.code, {\n children: \"/review\"\n }), \" and work the same way. Your existing \", _jsx(_components.code, {\n children: \".claude/commands/\"\n }), \" files keep working. Skills add optional features: a directory for supporting files, frontmatter to \", _jsx(_components.a, {\n href: \"#control-who-invokes-a-skill\",\n children: \"control whether you or Claude invokes them\"\n }), \", and the ability for Claude to load them automatically when relevant.\"]\n })]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Claude Code skills follow the \", _jsx(_components.a, {\n href: \"https://agentskills.io\",\n children: \"Agent Skills\"\n }), \" open standard, which works across multiple AI tools. Claude Code extends the standard with additional features like \", _jsx(_components.a, {\n href: \"#control-who-invokes-a-skill\",\n children: \"invocation control\"\n }), \", \", _jsx(_components.a, {\n href: \"#run-skills-in-a-subagent\",\n children: \"subagent execution\"\n }), \", and \", _jsx(_components.a, {\n href: \"#inject-dynamic-context\",\n children: \"dynamic context injection\"\n }), \".\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"getting-started\",\n children: \"Getting started\"\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"create-your-first-skill\",\n children: \"Create your first skill\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"This example creates a skill that teaches Claude to explain code using visual diagrams and analogies. Since it uses default frontmatter, Claude can load it automatically when you ask how something works, or you can invoke it directly with \", _jsx(_components.code, {\n children: \"/explain-code\"\n }), \".\"]\n }), \"\\n\", _jsxs(Steps, {\n children: [_jsxs(Step, {\n title: \"Create the skill directory\",\n children: [_jsx(_components.p, {\n children: \"Create a directory for the skill in your personal skills folder. Personal skills are available across all your projects.\"\n }), _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"1\",\n language: \"shellscript\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"shellscript\",\n children: _jsxs(_components.code, {\n language: \"shellscript\",\n numberOfLines: \"1\",\n children: [_jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \"mkdir\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" -p\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" ~/.claude/skills/explain-code\"\n })]\n }), \"\\n\"]\n })\n })\n })]\n }), _jsxs(Step, {\n title: \"Write SKILL.md\",\n children: [_jsxs(_components.p, {\n children: [\"Every skill needs a \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" file with two parts: YAML frontmatter (between \", _jsx(_components.code, {\n children: \"---\"\n }), \" markers) that tells Claude when to use the skill, and markdown content with instructions Claude follows when the skill is invoked. The \", _jsx(_components.code, {\n children: \"name\"\n }), \" field becomes the \", _jsx(_components.code, {\n children: \"/slash-command\"\n }), \", and the \", _jsx(_components.code, {\n children: \"description\"\n }), \" helps Claude decide when to load it automatically.\"]\n }), _jsxs(_components.p, {\n children: [\"Create \", _jsx(_components.code, {\n children: \"~/.claude/skills/explain-code/SKILL.md\"\n }), \":\"]\n }), _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"13\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"13\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"explain-code\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Explains code with visual diagrams and analogies. Use when explaining how code works, teaching about a codebase, or when the user asks \\\"how does this work?\\\"\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"When explaining code, always include\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"1. **Start with an analogy**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Compare the code to something from everyday life\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"2. **Draw a diagram**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Use ASCII art to show the flow, structure, or relationships\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"3. **Walk through the code**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Explain step-by-step what happens\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"4. **Highlight a gotcha**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"What's a common mistake or misconception?\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Keep explanations conversational. For complex concepts, use multiple analogies.\"\n })\n }), \"\\n\"]\n })\n })\n })]\n }), _jsxs(Step, {\n title: \"Test the skill\",\n children: [_jsx(_components.p, {\n children: \"You can test it two ways:\"\n }), _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Let Claude invoke it automatically\"\n }), \" by asking something that matches the description:\"]\n }), _jsx(CodeBlock, {\n numberOfLines: \"2\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"2\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"How does this code work?\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Or invoke it directly\"\n }), \" with the skill name:\"]\n }), _jsx(CodeBlock, {\n numberOfLines: \"2\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"2\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"/explain-code src/auth/login.ts\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), _jsx(_components.p, {\n children: \"Either way, Claude should include an analogy and ASCII diagram in its explanation.\"\n })]\n })]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"where-skills-live\",\n children: \"Where skills live\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Where you store a skill determines who can use it:\"\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Location\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Path\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Applies to\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Enterprise\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"See \", _jsx(_components.a, {\n href: \"/en/permissions#managed-settings\",\n children: \"managed settings\"\n })]\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"All users in your organization\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Personal\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"~/.claude/skills/\u003cskill-name\u003e/SKILL.md\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"All your projects\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Project\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \".claude/skills/\u003cskill-name\u003e/SKILL.md\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"This project only\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Plugin\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"\u003cplugin\u003e/skills/\u003cskill-name\u003e/SKILL.md\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Where plugin is enabled\"\n })]\n })]\n })]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"When skills share the same name across levels, higher-priority locations win: enterprise \u003e personal \u003e project. Plugin skills use a \", _jsx(_components.code, {\n children: \"plugin-name:skill-name\"\n }), \" namespace, so they cannot conflict with other levels. If you have files in \", _jsx(_components.code, {\n children: \".claude/commands/\"\n }), \", those work the same way, but if a skill and a command share the same name, the skill takes precedence.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"4\",\n id: \"automatic-discovery-from-nested-directories\",\n children: \"Automatic discovery from nested directories\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"When you work with files in subdirectories, Claude Code automatically discovers skills from nested \", _jsx(_components.code, {\n children: \".claude/skills/\"\n }), \" directories. For example, if you’re editing a file in \", _jsx(_components.code, {\n children: \"packages/frontend/\"\n }), \", Claude Code also looks for skills in \", _jsx(_components.code, {\n children: \"packages/frontend/.claude/skills/\"\n }), \". This supports monorepo setups where packages have their own skills.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Each skill is a directory with \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" as the entrypoint:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n numberOfLines: \"8\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"8\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"my-skill/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── SKILL.md # Main instructions (required)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── template.md # Template for Claude to fill in\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── examples/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"│ └── sample.md # Example output showing expected format\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"└── scripts/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \" └── validate.sh # Script Claude can execute\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"The \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" contains the main instructions and is required. Other files are optional and let you build more powerful skills: templates for Claude to fill in, example outputs showing the expected format, scripts Claude can execute, or detailed reference documentation. Reference these files from your \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" so Claude knows what they contain and when to load them. See \", _jsx(_components.a, {\n href: \"#add-supporting-files\",\n children: \"Add supporting files\"\n }), \" for more details.\"]\n }), \"\\n\", _jsx(Note, {\n children: _jsxs(_components.p, {\n children: [\"Files in \", _jsx(_components.code, {\n children: \".claude/commands/\"\n }), \" still work and support the same \", _jsx(_components.a, {\n href: \"#frontmatter-reference\",\n children: \"frontmatter\"\n }), \". Skills are recommended since they support additional features like supporting files.\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"4\",\n id: \"skills-from-additional-directories\",\n children: \"Skills from additional directories\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skills defined in \", _jsx(_components.code, {\n children: \".claude/skills/\"\n }), \" within directories added via \", _jsx(_components.code, {\n children: \"--add-dir\"\n }), \" are loaded automatically and picked up by live change detection, so you can edit them during a session without restarting.\"]\n }), \"\\n\", _jsx(Note, {\n children: _jsxs(_components.p, {\n children: [\"CLAUDE.md files from \", _jsx(_components.code, {\n children: \"--add-dir\"\n }), \" directories are not loaded by default. To load them, set \", _jsx(_components.code, {\n children: \"CLAUDE_CODE_ADDITIONAL_DIRECTORIES_CLAUDE_MD=1\"\n }), \". See \", _jsx(_components.a, {\n href: \"/en/memory#load-memory-from-additional-directories\",\n children: \"Load memory from additional directories\"\n }), \".\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"configure-skills\",\n children: \"Configure skills\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skills are configured through YAML frontmatter at the top of \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" and the markdown content that follows.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"types-of-skill-content\",\n children: \"Types of skill content\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Skill files can contain any instructions, but thinking about how you want to invoke them helps guide what to include:\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Reference content\"\n }), \" adds knowledge Claude applies to your current work. Conventions, patterns, style guides, domain knowledge. This content runs inline so Claude can use it alongside your conversation context.\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"9\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"9\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"api-conventions\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"API design patterns for this codebase\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"When writing API endpoints\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Use RESTful naming conventions\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Return consistent error formats\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Include request validation\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Task content\"\n }), \" gives Claude step-by-step instructions for a specific action, like deployments, commits, or code generation. These are often actions you want to invoke directly with \", _jsx(_components.code, {\n children: \"/skill-name\"\n }), \" rather than letting Claude decide when to run them. Add \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" to prevent Claude from triggering it automatically.\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"11\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"11\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"deploy\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Deploy the application to production\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"context\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fork\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"disable-model-invocation\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"true\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Deploy the application\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"1. Run the test suite\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"2. Build the application\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"3. Push to the deployment target\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Your \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" can contain anything, but thinking through how you want the skill invoked (by you, by Claude, or both) and where you want it to run (inline or in a subagent) helps guide what to include. For complex skills, you can also \", _jsx(_components.a, {\n href: \"#add-supporting-files\",\n children: \"add supporting files\"\n }), \" to keep the main skill focused.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"frontmatter-reference\",\n children: \"Frontmatter reference\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Beyond the markdown content, you can configure skill behavior using YAML frontmatter fields between \", _jsx(_components.code, {\n children: \"---\"\n }), \" markers at the top of your \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" file:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"8\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"8\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"my-skill\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"What this skill does\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"disable-model-invocation\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"true\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"allowed-tools\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Read, Grep\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Your skill instructions here...\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"All fields are optional. Only \", _jsx(_components.code, {\n children: \"description\"\n }), \" is recommended so Claude knows when to use the skill.\"]\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Field\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Required\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"name\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Display name for the skill. If omitted, uses the directory name. Lowercase letters, numbers, and hyphens only (max 64 characters).\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"description\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Recommended\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"What the skill does and when to use it. Claude uses this to decide when to apply the skill. If omitted, uses the first paragraph of markdown content.\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"argument-hint\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Hint shown during autocomplete to indicate expected arguments. Example: \", _jsx(_components.code, {\n children: \"[issue-number]\"\n }), \" or \", _jsx(_components.code, {\n children: \"[filename] [format]\"\n }), \".\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"disable-model-invocation\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Set to \", _jsx(_components.code, {\n children: \"true\"\n }), \" to prevent Claude from automatically loading this skill. Use for workflows you want to trigger manually with \", _jsx(_components.code, {\n children: \"/name\"\n }), \". Default: \", _jsx(_components.code, {\n children: \"false\"\n }), \".\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"user-invocable\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Set to \", _jsx(_components.code, {\n children: \"false\"\n }), \" to hide from the \", _jsx(_components.code, {\n children: \"/\"\n }), \" menu. Use for background knowledge users shouldn’t invoke directly. Default: \", _jsx(_components.code, {\n children: \"true\"\n }), \".\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"allowed-tools\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Tools Claude can use without asking permission when this skill is active.\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"model\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Model to use when this skill is active.\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"context\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Set to \", _jsx(_components.code, {\n children: \"fork\"\n }), \" to run in a forked subagent context.\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"agent\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Which subagent type to use when \", _jsx(_components.code, {\n children: \"context: fork\"\n }), \" is set.\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"hooks\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Hooks scoped to this skill’s lifecycle. See \", _jsx(_components.a, {\n href: \"/en/hooks#hooks-in-skills-and-agents\",\n children: \"Hooks in skills and agents\"\n }), \" for configuration format.\"]\n })]\n })]\n })]\n }), \"\\n\", _jsx(Heading, {\n level: \"4\",\n id: \"available-string-substitutions\",\n children: \"Available string substitutions\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Skills support string substitution for dynamic values in the skill content:\"\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Variable\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n })\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"All arguments passed when invoking the skill. If \", _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n }), \" is not present in the content, arguments are appended as \", _jsx(_components.code, {\n children: \"ARGUMENTS: \u003cvalue\u003e\"\n }), \".\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"$ARGUMENTS[N]\"\n })\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Access a specific argument by 0-based index, such as \", _jsx(_components.code, {\n children: \"$ARGUMENTS[0]\"\n }), \" for the first argument.\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"$N\"\n })\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Shorthand for \", _jsx(_components.code, {\n children: \"$ARGUMENTS[N]\"\n }), \", such as \", _jsx(_components.code, {\n children: \"$0\"\n }), \" for the first argument or \", _jsx(_components.code, {\n children: \"$1\"\n }), \" for the second.\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"${CLAUDE_SESSION_ID}\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"The current session ID. Useful for logging, creating session-specific files, or correlating skill output with sessions.\"\n })]\n })]\n })]\n }), \"\\n\", _jsx(_components.p, {\n children: _jsx(_components.strong, {\n children: \"Example using substitutions:\"\n })\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"8\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"8\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"session-logger\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Log activity for this session\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Log the following to logs/${CLAUDE_SESSION_ID}.log\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"$ARGUMENTS\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"add-supporting-files\",\n children: \"Add supporting files\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skills can include multiple files in their directory. This keeps \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" focused on the essentials while letting Claude access detailed reference material only when needed. Large reference docs, API specifications, or example collections don’t need to load into context every time the skill runs.\"]\n }), \"\\n\", _jsx(CodeBlock, {\n numberOfLines: \"7\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"7\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"my-skill/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── SKILL.md (required - overview and navigation)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── reference.md (detailed API docs - loaded when needed)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── examples.md (usage examples - loaded when needed)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"└── scripts/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \" └── helper.py (utility script - executed, not loaded)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Reference supporting files from \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" so Claude knows what each file contains and when to load it:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"4\",\n language: \"markdown\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"markdown\",\n children: _jsxs(_components.code, {\n language: \"markdown\",\n numberOfLines: \"4\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-light-font-weight\": \"bold\",\n \"--shiki-dark\": \"#569CD6\",\n \"--shiki-dark-font-weight\": \"bold\"\n },\n children: \"## Additional resources\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#6796E6\"\n },\n children: \"-\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" For complete API details, see [\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"reference.md\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"](\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-light-text-decoration\": \"underline\",\n \"--shiki-dark\": \"#D4D4D4\",\n \"--shiki-dark-text-decoration\": \"underline\"\n },\n children: \"reference.md\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#6796E6\"\n },\n children: \"-\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" For usage examples, see [\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"examples.md\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"](\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-light-text-decoration\": \"underline\",\n \"--shiki-dark\": \"#D4D4D4\",\n \"--shiki-dark-text-decoration\": \"underline\"\n },\n children: \"examples.md\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(Tip, {\n children: [\"Keep \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" under 500 lines. Move detailed reference material to separate files.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"control-who-invokes-a-skill\",\n children: \"Control who invokes a skill\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"By default, both you and Claude can invoke any skill. You can type \", _jsx(_components.code, {\n children: \"/skill-name\"\n }), \" to invoke it directly, and Claude can load it automatically when relevant to your conversation. Two frontmatter fields let you restrict this:\"]\n }), \"\\n\", _jsxs(_components.ul, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [\"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n })\n }), \": Only you can invoke the skill. Use this for workflows with side effects or that you want to control timing, like \", _jsx(_components.code, {\n children: \"/commit\"\n }), \", \", _jsx(_components.code, {\n children: \"/deploy\"\n }), \", or \", _jsx(_components.code, {\n children: \"/send-slack-message\"\n }), \". You don’t want Claude deciding to deploy because your code looks ready.\"]\n }), \"\\n\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.code, {\n children: \"user-invocable: false\"\n })\n }), \": Only Claude can invoke the skill. Use this for background knowledge that isn’t actionable as a command. A \", _jsx(_components.code, {\n children: \"legacy-system-context\"\n }), \" skill explains how an old system works. Claude should know this when relevant, but \", _jsx(_components.code, {\n children: \"/legacy-system-context\"\n }), \" isn’t a meaningful action for users to take.\"]\n }), \"\\n\"]\n }), \"\\n\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"This example creates a deploy skill that only you can trigger. The \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" field prevents Claude from running it automatically:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"12\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"12\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"deploy\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Deploy the application to production\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"disable-model-invocation\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"true\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Deploy $ARGUMENTS to production\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"1. Run the test suite\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"2. Build the application\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"3. Push to the deployment target\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"4. Verify the deployment succeeded\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(_components.p, {\n children: \"Here’s how the two fields affect invocation and context loading:\"\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Frontmatter\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"You can invoke\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Claude can invoke\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"When loaded into context\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"(default)\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Yes\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Yes\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description always in context, full skill loads when invoked\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Yes\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description not in context, full skill loads when you invoke\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"user-invocable: false\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Yes\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description always in context, full skill loads when invoked\"\n })]\n })]\n })]\n }), \"\\n\", _jsx(Note, {\n children: _jsxs(_components.p, {\n children: [\"In a regular session, skill descriptions are loaded into context so Claude knows what’s available, but full skill content only loads when invoked. \", _jsx(_components.a, {\n href: \"/en/sub-agents#preload-skills-into-subagents\",\n children: \"Subagents with preloaded skills\"\n }), \" work differently: the full skill content is injected at startup.\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"restrict-tool-access\",\n children: \"Restrict tool access\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Use the \", _jsx(_components.code, {\n children: \"allowed-tools\"\n }), \" field to limit which tools Claude can use when a skill is active. This skill creates a read-only mode where Claude can explore files but not modify them:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"5\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"5\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"safe-reader\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Read files without making changes\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"allowed-tools\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Read, Grep, Glob\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"pass-arguments-to-skills\",\n children: \"Pass arguments to skills\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Both you and Claude can pass arguments when invoking a skill. Arguments are available via the \", _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n }), \" placeholder.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"This skill fixes a GitHub issue by number. The \", _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n }), \" placeholder gets replaced with whatever follows the skill name:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"13\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"13\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fix-issue\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Fix a GitHub issue\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"disable-model-invocation\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"true\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Fix GitHub issue $ARGUMENTS following our coding standards.\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"1. Read the issue description\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"2. Understand the requirements\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"3. Implement the fix\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"4. Write tests\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"5. Create a commit\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"When you run \", _jsx(_components.code, {\n children: \"/fix-issue 123\"\n }), \", Claude receives “Fix GitHub issue 123 following our coding standards…”\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"If you invoke a skill with arguments but the skill doesn’t include \", _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n }), \", Claude Code appends \", _jsx(_components.code, {\n children: \"ARGUMENTS: \u003cyour input\u003e\"\n }), \" to the end of the skill content so Claude still sees what you typed.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"To access individual arguments by position, use \", _jsx(_components.code, {\n children: \"$ARGUMENTS[N]\"\n }), \" or the shorter \", _jsx(_components.code, {\n children: \"$N\"\n }), \":\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"7\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"7\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"migrate-component\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Migrate a component from one framework to another\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Migrate the $ARGUMENTS[0] component from $ARGUMENTS[1] to $ARGUMENTS[2].\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Preserve all existing behavior and tests.\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Running \", _jsx(_components.code, {\n children: \"/migrate-component SearchBar React Vue\"\n }), \" replaces \", _jsx(_components.code, {\n children: \"$ARGUMENTS[0]\"\n }), \" with \", _jsx(_components.code, {\n children: \"SearchBar\"\n }), \", \", _jsx(_components.code, {\n children: \"$ARGUMENTS[1]\"\n }), \" with \", _jsx(_components.code, {\n children: \"React\"\n }), \", and \", _jsx(_components.code, {\n children: \"$ARGUMENTS[2]\"\n }), \" with \", _jsx(_components.code, {\n children: \"Vue\"\n }), \". The same skill using the \", _jsx(_components.code, {\n children: \"$N\"\n }), \" shorthand:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"7\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"7\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"migrate-component\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Migrate a component from one framework to another\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Migrate the $0 component from $1 to $2.\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Preserve all existing behavior and tests.\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"advanced-patterns\",\n children: \"Advanced patterns\"\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"inject-dynamic-context\",\n children: \"Inject dynamic context\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"The \", _jsx(_components.code, {\n children: \"!\"\n }), \"command“ syntax runs shell commands before the skill content is sent to Claude. The command output replaces the placeholder, so Claude receives actual data, not the command itself.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"This skill summarizes a pull request by fetching live PR data with the GitHub CLI. The \", _jsx(_components.code, {\n children: \"!\"\n }), \"gh pr diff“ and other commands run first, and their output gets inserted into the prompt:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"15\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"15\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"pr-summary\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Summarize changes in a pull request\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"context\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fork\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"agent\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Explore\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"allowed-tools\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Bash(gh *)\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"## Pull request context\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"PR diff\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#82071E\",\n \"--shiki-light-font-style\": \"italic\",\n \"--shiki-dark\": \"#F44747\",\n \"--shiki-dark-font-style\": \"inherit\"\n },\n children: \"!`gh\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" pr diff`\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"PR comments\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#82071E\",\n \"--shiki-light-font-style\": \"italic\",\n \"--shiki-dark\": \"#F44747\",\n \"--shiki-dark-font-style\": \"inherit\"\n },\n children: \"!`gh\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" pr view --comments`\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Changed files\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#82071E\",\n \"--shiki-light-font-style\": \"italic\",\n \"--shiki-dark\": \"#F44747\",\n \"--shiki-dark-font-style\": \"inherit\"\n },\n children: \"!`gh\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" pr diff --name-only`\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"## Your task\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Summarize this pull request...\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(_components.p, {\n children: \"When this skill runs:\"\n }), \"\\n\", _jsxs(_components.ol, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [\"Each \", _jsx(_components.code, {\n children: \"!\"\n }), \"command“ executes immediately (before Claude sees anything)\"]\n }), \"\\n\", _jsx(_components.li, {\n children: \"The output replaces the placeholder in the skill content\"\n }), \"\\n\", _jsx(_components.li, {\n children: \"Claude receives the fully-rendered prompt with actual PR data\"\n }), \"\\n\"]\n }), \"\\n\", _jsx(_components.p, {\n children: \"This is preprocessing, not something Claude executes. Claude only sees the final result.\"\n }), \"\\n\", _jsx(Tip, {\n children: _jsxs(_components.p, {\n children: [\"To enable \", _jsx(_components.a, {\n href: \"/en/common-workflows#use-extended-thinking-thinking-mode\",\n children: \"extended thinking\"\n }), \" in a skill, include the word “ultrathink” anywhere in your skill content.\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"run-skills-in-a-subagent\",\n children: \"Run skills in a subagent\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Add \", _jsx(_components.code, {\n children: \"context: fork\"\n }), \" to your frontmatter when you want a skill to run in isolation. The skill content becomes the prompt that drives the subagent. It won’t have access to your conversation history.\"]\n }), \"\\n\", _jsx(Warning, {\n children: _jsxs(_components.p, {\n children: [_jsx(_components.code, {\n children: \"context: fork\"\n }), \" only makes sense for skills with explicit instructions. If your skill contains guidelines like “use these API conventions” without a task, the subagent receives the guidelines but no actionable prompt, and returns without meaningful output.\"]\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skills and \", _jsx(_components.a, {\n href: \"/en/sub-agents\",\n children: \"subagents\"\n }), \" work together in two directions:\"]\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Approach\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"System prompt\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Task\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Also loads\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Skill with \", _jsx(_components.code, {\n children: \"context: fork\"\n })]\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"From agent type (\", _jsx(_components.code, {\n children: \"Explore\"\n }), \", \", _jsx(_components.code, {\n children: \"Plan\"\n }), \", etc.)\"]\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"SKILL.md content\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"CLAUDE.md\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Subagent with \", _jsx(_components.code, {\n children: \"skills\"\n }), \" field\"]\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Subagent’s markdown body\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Claude’s delegation message\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Preloaded skills + CLAUDE.md\"\n })]\n })]\n })]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"With \", _jsx(_components.code, {\n children: \"context: fork\"\n }), \", you write the task in your skill and pick an agent type to execute it. For the inverse (defining a custom subagent that uses skills as reference material), see \", _jsx(_components.a, {\n href: \"/en/sub-agents#preload-skills-into-subagents\",\n children: \"Subagents\"\n }), \".\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"4\",\n id: \"example%3A-research-skill-using-explore-agent\",\n children: \"Example: Research skill using Explore agent\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"This skill runs research in a forked Explore agent. The skill content becomes the task, and the agent provides read-only tools optimized for codebase exploration:\"\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"12\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"12\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"deep-research\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Research a topic thoroughly\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"context\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fork\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"agent\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Explore\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Research $ARGUMENTS thoroughly\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"1. Find relevant files using Glob and Grep\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"2. Read and analyze the code\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"3. Summarize findings with specific file references\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(_components.p, {\n children: \"When this skill runs:\"\n }), \"\\n\", _jsxs(_components.ol, {\n children: [\"\\n\", _jsx(_components.li, {\n children: \"A new isolated context is created\"\n }), \"\\n\", _jsx(_components.li, {\n children: \"The subagent receives the skill content as its prompt (“Research $ARGUMENTS thoroughly…”)\"\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"The \", _jsx(_components.code, {\n children: \"agent\"\n }), \" field determines the execution environment (model, tools, and permissions)\"]\n }), \"\\n\", _jsx(_components.li, {\n children: \"Results are summarized and returned to your main conversation\"\n }), \"\\n\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"The \", _jsx(_components.code, {\n children: \"agent\"\n }), \" field specifies which subagent configuration to use. Options include built-in agents (\", _jsx(_components.code, {\n children: \"Explore\"\n }), \", \", _jsx(_components.code, {\n children: \"Plan\"\n }), \", \", _jsx(_components.code, {\n children: \"general-purpose\"\n }), \") or any custom subagent from \", _jsx(_components.code, {\n children: \".claude/agents/\"\n }), \". If omitted, uses \", _jsx(_components.code, {\n children: \"general-purpose\"\n }), \".\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"restrict-claude%E2%80%99s-skill-access\",\n children: \"Restrict Claude’s skill access\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"By default, Claude can invoke any skill that doesn’t have \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" set. Skills that define \", _jsx(_components.code, {\n children: \"allowed-tools\"\n }), \" grant Claude access to those tools without per-use approval when the skill is active. Your \", _jsx(_components.a, {\n href: \"/en/permissions\",\n children: \"permission settings\"\n }), \" still govern baseline approval behavior for all other tools. Built-in commands like \", _jsx(_components.code, {\n children: \"/compact\"\n }), \" and \", _jsx(_components.code, {\n children: \"/init\"\n }), \" are not available through the Skill tool.\"]\n }), \"\\n\", _jsx(_components.p, {\n children: \"Three ways to control which skills Claude can invoke:\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Disable all skills\"\n }), \" by denying the Skill tool in \", _jsx(_components.code, {\n children: \"/permissions\"\n }), \":\"]\n }), \"\\n\", _jsx(CodeBlock, {\n numberOfLines: \"3\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"3\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"# Add to deny rules:\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"Skill\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Allow or deny specific skills\"\n }), \" using \", _jsx(_components.a, {\n href: \"/en/permissions\",\n children: \"permission rules\"\n }), \":\"]\n }), \"\\n\", _jsx(CodeBlock, {\n numberOfLines: \"7\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"7\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"# Allow only specific skills\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"Skill(commit)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"Skill(review-pr *)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"# Deny specific skills\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"Skill(deploy *)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Permission syntax: \", _jsx(_components.code, {\n children: \"Skill(name)\"\n }), \" for exact match, \", _jsx(_components.code, {\n children: \"Skill(name *)\"\n }), \" for prefix match with any arguments.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Hide individual skills\"\n }), \" by adding \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" to their frontmatter. This removes the skill from Claude’s context entirely.\"]\n }), \"\\n\", _jsx(Note, {\n children: _jsxs(_components.p, {\n children: [\"The \", _jsx(_components.code, {\n children: \"user-invocable\"\n }), \" field only controls menu visibility, not Skill tool access. Use \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" to block programmatic invocation.\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"share-skills\",\n children: \"Share skills\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Skills can be distributed at different scopes depending on your audience:\"\n }), \"\\n\", _jsxs(_components.ul, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: \"Project skills\"\n }), \": Commit \", _jsx(_components.code, {\n children: \".claude/skills/\"\n }), \" to version control\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: \"Plugins\"\n }), \": Create a \", _jsx(_components.code, {\n children: \"skills/\"\n }), \" directory in your \", _jsx(_components.a, {\n href: \"/en/plugins\",\n children: \"plugin\"\n })]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: \"Managed\"\n }), \": Deploy organization-wide through \", _jsx(_components.a, {\n href: \"/en/permissions#managed-settings\",\n children: \"managed settings\"\n })]\n }), \"\\n\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"generate-visual-output\",\n children: \"Generate visual output\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Skills can bundle and run scripts in any language, giving Claude capabilities beyond what’s possible in a single prompt. One powerful pattern is generating visual output: interactive HTML files that open in your browser for exploring data, debugging, or creating reports.\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"This example creates a codebase explorer: an interactive tree view where you can expand and collapse directories, see file sizes at a glance, and identify file types by color.\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Create the Skill directory:\"\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"1\",\n language: \"shellscript\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"shellscript\",\n children: _jsxs(_components.code, {\n language: \"shellscript\",\n numberOfLines: \"1\",\n children: [_jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \"mkdir\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" -p\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" ~/.claude/skills/codebase-visualizer/scripts\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Create \", _jsx(_components.code, {\n children: \"~/.claude/skills/codebase-visualizer/SKILL.md\"\n }), \". The description tells Claude when to activate this Skill, and the instructions tell Claude to run the bundled script:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"26\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"26\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"codebase-visualizer\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Generate an interactive collapsible tree visualization of your codebase. Use when exploring a new repo, understanding project structure, or identifying large files.\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"allowed-tools\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Bash(python *)\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"# Codebase Visualizer\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Generate an interactive HTML tree view that shows your project's file structure with collapsible directories.\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"## Usage\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Run the visualization script from your project root\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"```\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"bash\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"python ~/.claude/skills/codebase-visualizer/scripts/visualize.py .\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"```\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"This creates `codebase-map.html` in the current directory and opens it in your default browser.\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"## What the visualization shows\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"*Collapsible\"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" directories**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Click folders to expand/collapse\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"*File\"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" sizes**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Displayed next to each file\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"*Colors**:\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" Different colors for different file types\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"*Directory\"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" totals**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Shows aggregate size of each folder\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Create \", _jsx(_components.code, {\n children: \"~/.claude/skills/codebase-visualizer/scripts/visualize.py\"\n }), \". This script scans a directory tree and generates a self-contained HTML file with:\"]\n }), \"\\n\", _jsxs(_components.ul, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [\"A \", _jsx(_components.strong, {\n children: \"summary sidebar\"\n }), \" showing file count, directory count, total size, and number of file types\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"A \", _jsx(_components.strong, {\n children: \"bar chart\"\n }), \" breaking down the codebase by file type (top 8 by size)\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"A \", _jsx(_components.strong, {\n children: \"collapsible tree\"\n }), \" where you can expand and collapse directories, with color-coded file type indicators\"]\n }), \"\\n\"]\n }), \"\\n\", _jsx(_components.p, {\n children: \"The script requires Python but uses only built-in libraries, so there are no packages to install:\"\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n expandable: \"true\",\n numberOfLines: \"131\",\n language: \"python\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"python\",\n children: _jsxs(_components.code, {\n language: \"python\",\n numberOfLines: \"131\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"#!/usr/bin/env python3\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\\\"\\\"Generate an interactive collapsible tree visualization of a codebase.\\\"\\\"\\\"\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" json\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" sys\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" webbrowser\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"from\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" pathlib \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" Path\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"from\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" collections \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" Counter\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"IGNORE\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" =\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.git'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'node_modules'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'__pycache__'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.venv'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'venv'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'dist'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'build'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"}\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"def\"\n }), _jsx(_components.span, {\n style: {\n color: \"#8250DF\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" scan\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"path\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": Path, \"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"stats\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \"dict\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \") -\u003e \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \"dict\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"name\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": path.name, \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"children\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": [], \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"0\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" try\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" for\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"in\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" sorted\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(path.iterdir()):\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.name \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"in\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" IGNORE\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" or\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.name.startswith(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"):\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" continue\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.is_file():\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" size \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.stat().st_size\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" ext \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.suffix.lower() \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"or\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '(no ext)'\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"children\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"].append({\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"name\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": item.name, \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": size, \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"ext\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": ext})\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" size\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"files\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"extensions\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"][ext] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"ext_sizes\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"][ext] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" size\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" elif\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.is_dir():\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"dirs\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" child \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" scan(item, stats)\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" child[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"children\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]:\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"children\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"].append(child)\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" child[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" except\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \" PermissionError\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" pass\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" return\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"def\"\n }), _jsx(_components.span, {\n style: {\n color: \"#8250DF\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" generate_html\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"data\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \"dict\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"stats\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \"dict\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"output\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": Path) -\u003e \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"None\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" ext_sizes \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"ext_sizes\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" total_size \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" sum\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(ext_sizes.values()) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"or\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" sorted_exts \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" sorted\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(ext_sizes.items(), \"\n }), _jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"key\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"lambda\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \" x\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"-\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"x[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"1\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"])[:\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"8\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" colors \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" {\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.js'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#f7df1e'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.ts'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#3178c6'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.py'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#3776ab'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.go'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#00add8'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \",\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.rs'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#dea584'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.rb'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#cc342d'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.css'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#264de4'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.html'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#e34c26'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \",\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.json'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#6b7280'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.md'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#083fa1'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.yaml'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#cb171e'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.yml'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#cb171e'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \",\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.mdx'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#083fa1'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.tsx'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#3178c6'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.jsx'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#61dafb'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.sh'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#4eaa25'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \",\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" }\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" lang_bars \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \\\"\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \".join(\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\u003cdiv class=\\\"bar-row\\\"\u003e\u003cspan class=\\\"bar-label\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"ext\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e'\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\u003cdiv class=\\\"bar\\\" style=\\\"width:\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(size\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"/\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"total_size)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"100\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"%;background:\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"colors.get(ext,\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"#6b7280\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\u003e\u003c/div\u003e'\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\u003cspan class=\\\"bar-pct\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(size\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"/\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"total_size)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"100\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":.1f}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"%\u003c/span\u003e\u003c/div\u003e'\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" for\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" ext, size \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"in\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" sorted_exts\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" )\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" def\"\n }), _jsx(_components.span, {\n style: {\n color: \"#8250DF\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" fmt\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"b\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"):\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" b \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"\u003c\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1024\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"return\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"b\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" B\\\"\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" b \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"\u003c\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1048576\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"return\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"b\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"/\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"1024\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":.1f}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" KB\\\"\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" return\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"b\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"/\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"1048576\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":.1f}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" MB\\\"\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" html \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'''\u003c!DOCTYPE html\u003e\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003chtml\u003e\u003chead\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cmeta charset=\\\"utf-8\\\"\u003e\u003ctitle\u003eCodebase Explorer\u003c/title\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cstyle\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" body \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" font: 14px/1.5 system-ui, sans-serif; margin: 0; background: #1a1a2e; color: #eee; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .container \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" display: flex; height: 100vh; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .sidebar \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" width: 280px; background: #252542; padding: 20px; border-right: 1px solid #3d3d5c; overflow-y: auto; flex-shrink: 0; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .main \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" flex: 1; padding: 20px; overflow-y: auto; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" h1 \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" margin: 0 0 10px 0; font-size: 18px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" h2 \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" margin: 20px 0 10px 0; font-size: 14px; color: #888; text-transform: uppercase; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .stat \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #3d3d5c; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .stat-value \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" font-weight: bold; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .bar-row \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" display: flex; align-items: center; margin: 6px 0; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .bar-label \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" width: 55px; font-size: 12px; color: #aaa; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .bar \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" height: 18px; border-radius: 3px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .bar-pct \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" margin-left: 8px; font-size: 12px; color: #666; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .tree \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" list-style: none; padding-left: 20px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" details \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" cursor: pointer; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" summary \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" padding: 4px 8px; border-radius: 4px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" summary:hover \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" background: #2d2d44; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .folder \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" color: #ffd700; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .file \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" display: flex; align-items: center; padding: 4px 8px; border-radius: 4px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .file:hover \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" background: #2d2d44; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .size \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" color: #888; margin-left: auto; font-size: 12px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .dot \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" width: 8px; height: 8px; border-radius: 50%; margin-right: 8px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/style\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/head\u003e\u003cbody\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"container\\\"\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"sidebar\\\"\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003ch1\u003e📊 Summary\u003c/h1\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"stat\\\"\u003e\u003cspan\u003eFiles\u003c/span\u003e\u003cspan class=\\\"stat-value\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"files\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":,}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/div\u003e\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"stat\\\"\u003e\u003cspan\u003eDirectories\u003c/span\u003e\u003cspan class=\\\"stat-value\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"dirs\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":,}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/div\u003e\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"stat\\\"\u003e\u003cspan\u003eTotal size\u003c/span\u003e\u003cspan class=\\\"stat-value\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"fmt(data[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"])\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/div\u003e\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"stat\\\"\u003e\u003cspan\u003eFile types\u003c/span\u003e\u003cspan class=\\\"stat-value\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \"len\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"extensions\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"])\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/div\u003e\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003ch2\u003eBy file type\u003c/h2\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"lang_bars\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/div\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"main\\\"\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003ch1\u003e📁 \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"data[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"name\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/h1\u003e\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cul class=\\\"tree\\\" id=\\\"root\\\"\u003e\u003c/ul\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/div\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/div\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cscript\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const data = \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"json.dumps(data)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \";\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const colors = \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"json.dumps(colors)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \";\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" function fmt(b) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" if (b \u003c 1024) return b + ' B'; if (b \u003c 1048576) return (b/1024).toFixed(1) + ' KB'; return (b/1048576).toFixed(1) + ' MB'; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" function render(node, parent) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" if (node.children) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const det = document.createElement('details');\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" det.open = parent === document.getElementById('root');\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" det.innerHTML = `\u003csummary\u003e\u003cspan class=\\\"folder\\\"\u003e📁 $\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"node.name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003cspan class=\\\"size\\\"\u003e$\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fmt(node.size)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/summary\u003e`;\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const ul = document.createElement('ul'); ul.className = 'tree';\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" node.children.sort((a,b) =\u003e (b.children?1:0)-(a.children?1:0) || a.name.localeCompare(b.name));\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" node.children.forEach(c =\u003e render(c, ul));\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" det.appendChild(ul);\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const li = document.createElement('li'); li.appendChild(det); parent.appendChild(li);\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \" }}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" else \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const li = document.createElement('li'); li.className = 'file';\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" li.innerHTML = `\u003cspan class=\\\"dot\\\" style=\\\"background:$\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"colors[node.ext]||'#6b7280'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\u003e\u003c/span\u003e$\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"node.name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003cspan class=\\\"size\\\"\u003e$\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fmt(node.size)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e`;\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" parent.appendChild(li);\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \" }}\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \" }}\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" data.children.forEach(c =\u003e render(c, document.getElementById('root')));\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/script\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/body\u003e\u003c/html\u003e'''\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" output.write_text(html)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \" __name__\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" ==\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '__main__'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" target \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" Path(sys.argv[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"1\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" len\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(sys.argv) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" else\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \").resolve()\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"files\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"0\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"dirs\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"0\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"extensions\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": Counter(), \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"ext_sizes\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": Counter()}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" data \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" scan(target, stats)\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" out \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" Path(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'codebase-map.html'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" generate_html(data, stats, out)\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" print\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'Generated \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"out.absolute()\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" webbrowser.open(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'file://\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"out.absolute()\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"To test, open Claude Code in any project and ask “Visualize this codebase.” Claude runs the script, generates \", _jsx(_components.code, {\n children: \"codebase-map.html\"\n }), \", and opens it in your browser.\"]\n }), \"\\n\", _jsx(_components.p, {\n children: \"This pattern works for any visual output: dependency graphs, test coverage reports, API documentation, or database schema visualizations. The bundled script does the heavy lifting while Claude handles orchestration.\"\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"troubleshooting\",\n children: \"Troubleshooting\"\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"skill-not-triggering\",\n children: \"Skill not triggering\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"If Claude doesn’t use your skill when expected:\"\n }), \"\\n\", _jsxs(_components.ol, {\n children: [\"\\n\", _jsx(_components.li, {\n children: \"Check the description includes keywords users would naturally say\"\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"Verify the skill appears in \", _jsx(_components.code, {\n children: \"What skills are available?\"\n })]\n }), \"\\n\", _jsx(_components.li, {\n children: \"Try rephrasing your request to match the description more closely\"\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"Invoke it directly with \", _jsx(_components.code, {\n children: \"/skill-name\"\n }), \" if the skill is user-invocable\"]\n }), \"\\n\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"skill-triggers-too-often\",\n children: \"Skill triggers too often\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"If Claude uses your skill when you don’t want it:\"\n }), \"\\n\", _jsxs(_components.ol, {\n children: [\"\\n\", _jsx(_components.li, {\n children: \"Make the description more specific\"\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"Add \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" if you only want manual invocation\"]\n }), \"\\n\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"claude-doesn%E2%80%99t-see-all-my-skills\",\n children: \"Claude doesn’t see all my skills\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skill descriptions are loaded into context so Claude knows what’s available. If you have many skills, they may exceed the character budget. The budget scales dynamically at 2% of the context window, with a fallback of 16,000 characters. Run \", _jsx(_components.code, {\n children: \"/context\"\n }), \" to check for a warning about excluded skills.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"To override the limit, set the \", _jsx(_components.code, {\n children: \"SLASH_COMMAND_TOOL_CHAR_BUDGET\"\n }), \" environment variable.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"related-resources\",\n children: \"Related resources\"\n }), \"\\n\", _jsxs(_components.ul, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/sub-agents\",\n children: \"Subagents\"\n })\n }), \": delegate tasks to specialized agents\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/plugins\",\n children: \"Plugins\"\n })\n }), \": package and distribute skills with other extensions\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/hooks\",\n children: \"Hooks\"\n })\n }), \": automate workflows around tool events\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/memory\",\n children: \"Memory\"\n })\n }), \": manage CLAUDE.md files for persistent context\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/interactive-mode#built-in-commands\",\n children: \"Interactive mode\"\n })\n }), \": built-in commands and shortcuts\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/permissions\",\n children: \"Permissions\"\n })\n }), \": control tool and skill access\"]\n }), \"\\n\"]\n })]\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n"])</script><script>self.__next_f.push([1,"4c:[\"$\",\"$L51\",null,{\"slug\":\"en/skills\",\"pageMetadata\":\"$1a:props:children:props:value:pageMetadata\",\"theme\":\"mint\",\"children\":[\"$\",\"$L52\",null,{\"mdxSource\":{\"compiledSource\":\"$53\",\"frontmatter\":{},\"scope\":{\"config\":{},\"pageMetadata\":{\"title\":\"Extend Claude with skills\",\"description\":\"Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands.\",\"href\":\"/en/skills\"}}},\"mdxSourceWithNoJs\":{\"compiledSource\":\"$54\",\"frontmatter\":{},\"scope\":{\"config\":{},\"pageMetadata\":{\"title\":\"Extend Claude with skills\",\"description\":\"Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands.\",\"href\":\"/en/skills\"}}}}]}]\n"])</script></body></html>
Unified Diff
--- a/slash-commands.md
+++ b/slash-commands.md
@@ -1,7 +1,7 @@
-<!DOCTYPE html><html lang="en" class="__variable_ed9089 __variable_ea4744 dark" data-banner-state="visible" data-page-mode="none"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover"/><link rel="preload" href="/docs/_next/static/media/bb3ef058b751a6ad-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/docs/_next/static/media/c4b700dcb2187787-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/docs/_next/static/media/e4af272ccee01ff0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/light.svg?fit=max&auto=format&n=o69F7a6qoW9vboof&q=85&s=536eade682636e84231afce2577f9509"/><link rel="preload" as="image" href="https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/dark.svg?fit=max&auto=format&n=o69F7a6qoW9vboof&q=85&s=0766b3221061e80143e9f300733e640b"/><link rel="preload" as="image" href="https://d3gk2c5xim1je2.cloudfront.net/flags/US.svg"/><link rel="stylesheet" href="/docs/_next/static/css/b864dec2fc058581.css?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" data-precedence="next"/><link rel="stylesheet" href="/docs/_next/static/css/93bac6dd9c729729.css?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" data-precedence="next"/><link rel="stylesheet" href="/docs/_next/static/css/05d6d8fcb903870d.css?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/docs/_next/static/chunks/webpack-171c0943acd6b430.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu"/><script src="/docs/_next/static/chunks/87c73c54-dd8d81ac9604067c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" async=""></script><script src="/docs/_next/static/chunks/90018-0251d8deca9b3de4.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" async=""></script><script src="/docs/_next/static/chunks/main-app-76ddd9525ef90e67.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" async=""></script><script src="/docs/_next/static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" async=""></script><script src="/docs/_next/static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" async=""></script><script src="/docs/_next/static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" async=""></script><script src="/docs/_next/static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" async=""></script><script src="/docs/_next/static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" async=""></script><script src="/docs/_next/static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" async=""></script><script src="/docs/_next/static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" async=""></script><script src="/docs/_next/static/chunks/30479-68a79694ab7750c6.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" async=""></script><script src="/docs/_next/static/chunks/app/error-85dc9bbc7f2b9b3f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" async=""></script><script src="/docs/_next/static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" async=""></script><script src="/docs/_next/static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" async=""></script><script src="/docs/_next/static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" async=""></script><script src="/docs/_next/static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" async=""></script><script src="/docs/_next/static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" async=""></script><script src="/docs/_next/static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" async=""></script><script src="/docs/_next/static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" async=""></script><script src="/docs/_next/static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" async=""></script><script src="/docs/_next/static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" async=""></script><script src="/docs/_next/static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" async=""></script><script src="/docs/_next/static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" async=""></script><script src="/docs/_next/static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" async=""></script><script src="/docs/_next/static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" async=""></script><script src="/docs/_next/static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" async=""></script><script src="/docs/_next/static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" async=""></script><script src="/docs/_next/static/chunks/app/%255Fsites/%5Bsubdomain%5D/not-found-5eb99b67cb6ea223.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" async=""></script><script src="/docs/_next/static/chunks/app/%255Fsites/%5Bsubdomain%5D/error-2bc09d7a501424e3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" async=""></script><script src="/docs/_next/static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" async=""></script><script src="/docs/_next/static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" async=""></script><script src="/docs/_next/static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" async=""></script><script src="/docs/_next/static/chunks/45960-6a130743f551197d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" async=""></script><script src="/docs/_next/static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%40topbar/%5B%5B...slug%5D%5D/page-e4ccff3e6922c6c6.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" async=""></script><meta name="next-size-adjust" content=""/><title>Extend Claude with skills - Claude Code Docs</title><meta name="description" content="Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands."/><meta name="application-name" content="Claude Code Docs"/><meta name="generator" content="Mintlify"/><meta name="msapplication-config" content="/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/browserconfig.xml"/><meta name="apple-mobile-web-app-title" content="Claude Code Docs"/><meta name="msapplication-TileColor" content="#0E0E0E"/><meta name="charset" content="utf-8"/><meta name="og:site_name" content="Claude Code Docs"/><meta name="canonical" content="https://code.claude.com/docs/en/skills"/><link rel="canonical" href="https://code.claude.com/docs/en/skills"/><link rel="alternate" type="application/xml" href="/docs/sitemap.xml"/><meta property="og:title" content="Extend Claude with skills - Claude Code Docs"/><meta property="og:description" content="Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands."/><meta property="og:url" content="https://code.claude.com/docs/en/skills"/><meta property="og:image" content="https://claude-code.mintlify.app/_next/image?url=%2F_mintlify%2Fapi%2Fog%3Fdivision%3DBuild%2Bwith%2BClaude%2BCode%26appearance%3Dsystem%26title%3DExtend%2BClaude%2Bwith%2Bskills%26description%3DCreate%252C%2Bmanage%252C%2Band%2Bshare%2Bskills%2Bto%2Bextend%2BClaude%2527s%2Bcapabilities%2Bin%2BClaude%2BCode.%2BIncludes%2Bcustom%2Bslash%2Bcommands.%26logoLight%3Dhttps%253A%252F%252Fmintcdn.com%252Fclaude-code%252Fo69F7a6qoW9vboof%252Flogo%252Flight.svg%253Ffit%253Dmax%2526auto%253Dformat%2526n%253Do69F7a6qoW9vboof%2526q%253D85%2526s%253D536eade682636e84231afce2577f9509%26logoDark%3Dhttps%253A%252F%252Fmintcdn.com%252Fclaude-code%252Fo69F7a6qoW9vboof%252Flogo%252Fdark.svg%253Ffit%253Dmax%2526auto%253Dformat%2526n%253Do69F7a6qoW9vboof%2526q%253D85%2526s%253D0766b3221061e80143e9f300733e640b%26primaryColor%3D%25230E0E0E%26lightColor%3D%2523D4A27F%26darkColor%3D%25230E0E0E%26backgroundLight%3D%2523FDFDF7%26backgroundDark%3D%252309090B&w=1200&q=100"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Extend Claude with skills - Claude Code Docs"/><meta name="twitter:description" content="Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands."/><meta name="twitter:image" content="https://claude-code.mintlify.app/_next/image?url=%2F_mintlify%2Fapi%2Fog%3Fdivision%3DBuild%2Bwith%2BClaude%2BCode%26appearance%3Dsystem%26title%3DExtend%2BClaude%2Bwith%2Bskills%26description%3DCreate%252C%2Bmanage%252C%2Band%2Bshare%2Bskills%2Bto%2Bextend%2BClaude%2527s%2Bcapabilities%2Bin%2BClaude%2BCode.%2BIncludes%2Bcustom%2Bslash%2Bcommands.%26logoLight%3Dhttps%253A%252F%252Fmintcdn.com%252Fclaude-code%252Fo69F7a6qoW9vboof%252Flogo%252Flight.svg%253Ffit%253Dmax%2526auto%253Dformat%2526n%253Do69F7a6qoW9vboof%2526q%253D85%2526s%253D536eade682636e84231afce2577f9509%26logoDark%3Dhttps%253A%252F%252Fmintcdn.com%252Fclaude-code%252Fo69F7a6qoW9vboof%252Flogo%252Fdark.svg%253Ffit%253Dmax%2526auto%253Dformat%2526n%253Do69F7a6qoW9vboof%2526q%253D85%2526s%253D0766b3221061e80143e9f300733e640b%26primaryColor%3D%25230E0E0E%26lightColor%3D%2523D4A27F%26darkColor%3D%25230E0E0E%26backgroundLight%3D%2523FDFDF7%26backgroundDark%3D%252309090B&w=1200&q=100"/><meta name="twitter:image:width" content="1200"/><meta name="twitter:image:height" content="630"/><link rel="apple-touch-icon" href="/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/apple-touch-icon.png" type="image/png" sizes="180x180"/><link rel="icon" href="/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/favicon-16x16.png" type="image/png" sizes="16x16" media="(prefers-color-scheme: light)"/><link rel="icon" href="/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/favicon-32x32.png" type="image/png" sizes="32x32" media="(prefers-color-scheme: light)"/><link rel="shortcut icon" href="/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/favicon.ico" type="image/x-icon" media="(prefers-color-scheme: light)"/><link rel="icon" href="/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon-dark/favicon-16x16.png" type="image/png" sizes="16x16" media="(prefers-color-scheme: dark)"/><link rel="icon" href="/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon-dark/favicon-32x32.png" type="image/png" sizes="32x32" media="(prefers-color-scheme: dark)"/><link rel="shortcut icon" href="/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon-dark/favicon.ico" type="image/x-icon" media="(prefers-color-scheme: dark)"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><link rel="preload" href="https://d4tuoctqmanu0.cloudfront.net/katex.min.css" as="style"/><script type="text/javascript">(function(a,b){try{let c=document.getElementById("banner")?.innerText;if(c){for(let d=0;d<localStorage.length;d++){let e=localStorage.key(d);if(e?.endsWith(a)&&localStorage.getItem(e)===c)return void document.documentElement.setAttribute(b,"hidden")}document.documentElement.setAttribute(b,"visible");return}for(let c=0;c<localStorage.length;c++){let d=localStorage.key(c);if(d?.endsWith(a)&&localStorage.getItem(d))return void document.documentElement.setAttribute(b,"hidden")}document.documentElement.setAttribute(b,"visible")}catch(a){document.documentElement.setAttribute(b,"hidden")}})(
+<!DOCTYPE html><html lang="en" class="__variable_ed9089 __variable_ea4744 dark" data-banner-state="visible" data-page-mode="none"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover"/><link rel="preload" href="/docs/_next/static/media/bb3ef058b751a6ad-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/docs/_next/static/media/c4b700dcb2187787-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/docs/_next/static/media/e4af272ccee01ff0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/light.svg?fit=max&auto=format&n=o69F7a6qoW9vboof&q=85&s=536eade682636e84231afce2577f9509"/><link rel="preload" as="image" href="https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/dark.svg?fit=max&auto=format&n=o69F7a6qoW9vboof&q=85&s=0766b3221061e80143e9f300733e640b"/><link rel="preload" as="image" href="https://d3gk2c5xim1je2.cloudfront.net/flags/US.svg"/><link rel="stylesheet" href="/docs/_next/static/css/b864dec2fc058581.css?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" data-precedence="next"/><link rel="stylesheet" href="/docs/_next/static/css/93bac6dd9c729729.css?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" data-precedence="next"/><link rel="stylesheet" href="/docs/_next/static/css/05d6d8fcb903870d.css?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/docs/_next/static/chunks/webpack-171c0943acd6b430.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61"/><script src="/docs/_next/static/chunks/87c73c54-dd8d81ac9604067c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/90018-91c8bc49a5fd31cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/main-app-76ddd9525ef90e67.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/30479-68a79694ab7750c6.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/app/error-85dc9bbc7f2b9b3f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/app/%255Fsites/%5Bsubdomain%5D/not-found-5eb99b67cb6ea223.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/app/%255Fsites/%5Bsubdomain%5D/error-2bc09d7a501424e3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/45960-6a130743f551197d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><script src="/docs/_next/static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%40topbar/%5B%5B...slug%5D%5D/page-e4ccff3e6922c6c6.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" async=""></script><meta name="next-size-adjust" content=""/><title>Extend Claude with skills - Claude Code Docs</title><meta name="description" content="Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands."/><meta name="application-name" content="Claude Code Docs"/><meta name="generator" content="Mintlify"/><meta name="msapplication-config" content="/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/browserconfig.xml"/><meta name="apple-mobile-web-app-title" content="Claude Code Docs"/><meta name="msapplication-TileColor" content="#0E0E0E"/><meta name="charset" content="utf-8"/><meta name="og:site_name" content="Claude Code Docs"/><meta name="canonical" content="https://code.claude.com/docs/en/skills"/><link rel="canonical" href="https://code.claude.com/docs/en/skills"/><link rel="alternate" type="application/xml" href="/docs/sitemap.xml"/><meta property="og:title" content="Extend Claude with skills - Claude Code Docs"/><meta property="og:description" content="Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands."/><meta property="og:url" content="https://code.claude.com/docs/en/skills"/><meta property="og:image" content="https://claude-code.mintlify.app/_next/image?url=%2F_mintlify%2Fapi%2Fog%3Fdivision%3DBuild%2Bwith%2BClaude%2BCode%26appearance%3Dsystem%26title%3DExtend%2BClaude%2Bwith%2Bskills%26description%3DCreate%252C%2Bmanage%252C%2Band%2Bshare%2Bskills%2Bto%2Bextend%2BClaude%2527s%2Bcapabilities%2Bin%2BClaude%2BCode.%2BIncludes%2Bcustom%2Bslash%2Bcommands.%26logoLight%3Dhttps%253A%252F%252Fmintcdn.com%252Fclaude-code%252Fo69F7a6qoW9vboof%252Flogo%252Flight.svg%253Ffit%253Dmax%2526auto%253Dformat%2526n%253Do69F7a6qoW9vboof%2526q%253D85%2526s%253D536eade682636e84231afce2577f9509%26logoDark%3Dhttps%253A%252F%252Fmintcdn.com%252Fclaude-code%252Fo69F7a6qoW9vboof%252Flogo%252Fdark.svg%253Ffit%253Dmax%2526auto%253Dformat%2526n%253Do69F7a6qoW9vboof%2526q%253D85%2526s%253D0766b3221061e80143e9f300733e640b%26primaryColor%3D%25230E0E0E%26lightColor%3D%2523D4A27F%26darkColor%3D%25230E0E0E%26backgroundLight%3D%2523FDFDF7%26backgroundDark%3D%252309090B&w=1200&q=100"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Extend Claude with skills - Claude Code Docs"/><meta name="twitter:description" content="Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands."/><meta name="twitter:image" content="https://claude-code.mintlify.app/_next/image?url=%2F_mintlify%2Fapi%2Fog%3Fdivision%3DBuild%2Bwith%2BClaude%2BCode%26appearance%3Dsystem%26title%3DExtend%2BClaude%2Bwith%2Bskills%26description%3DCreate%252C%2Bmanage%252C%2Band%2Bshare%2Bskills%2Bto%2Bextend%2BClaude%2527s%2Bcapabilities%2Bin%2BClaude%2BCode.%2BIncludes%2Bcustom%2Bslash%2Bcommands.%26logoLight%3Dhttps%253A%252F%252Fmintcdn.com%252Fclaude-code%252Fo69F7a6qoW9vboof%252Flogo%252Flight.svg%253Ffit%253Dmax%2526auto%253Dformat%2526n%253Do69F7a6qoW9vboof%2526q%253D85%2526s%253D536eade682636e84231afce2577f9509%26logoDark%3Dhttps%253A%252F%252Fmintcdn.com%252Fclaude-code%252Fo69F7a6qoW9vboof%252Flogo%252Fdark.svg%253Ffit%253Dmax%2526auto%253Dformat%2526n%253Do69F7a6qoW9vboof%2526q%253D85%2526s%253D0766b3221061e80143e9f300733e640b%26primaryColor%3D%25230E0E0E%26lightColor%3D%2523D4A27F%26darkColor%3D%25230E0E0E%26backgroundLight%3D%2523FDFDF7%26backgroundDark%3D%252309090B&w=1200&q=100"/><meta name="twitter:image:width" content="1200"/><meta name="twitter:image:height" content="630"/><link rel="apple-touch-icon" href="/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/apple-touch-icon.png" type="image/png" sizes="180x180"/><link rel="icon" href="/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/favicon-16x16.png" type="image/png" sizes="16x16" media="(prefers-color-scheme: light)"/><link rel="icon" href="/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/favicon-32x32.png" type="image/png" sizes="32x32" media="(prefers-color-scheme: light)"/><link rel="shortcut icon" href="/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/favicon.ico" type="image/x-icon" media="(prefers-color-scheme: light)"/><link rel="icon" href="/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon-dark/favicon-16x16.png" type="image/png" sizes="16x16" media="(prefers-color-scheme: dark)"/><link rel="icon" href="/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon-dark/favicon-32x32.png" type="image/png" sizes="32x32" media="(prefers-color-scheme: dark)"/><link rel="shortcut icon" href="/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon-dark/favicon.ico" type="image/x-icon" media="(prefers-color-scheme: dark)"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><link rel="preload" href="https://d4tuoctqmanu0.cloudfront.net/katex.min.css" as="style"/><script type="text/javascript">(function(a,b){try{let c=document.getElementById("banner")?.innerText;if(c){for(let d=0;d<localStorage.length;d++){let e=localStorage.key(d);if(e?.endsWith(a)&&localStorage.getItem(e)===c)return void document.documentElement.setAttribute(b,"hidden")}document.documentElement.setAttribute(b,"visible");return}for(let c=0;c<localStorage.length;c++){let d=localStorage.key(c);if(d?.endsWith(a)&&localStorage.getItem(d))return void document.documentElement.setAttribute(b,"hidden")}document.documentElement.setAttribute(b,"visible")}catch(a){document.documentElement.setAttribute(b,"hidden")}})(
"bannerDismissed",
"data-banner-state",
-)</script><script src="/docs/_next/static/chunks/polyfills-42372ed130431b0a.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" noModule=""></script></head><body><div hidden=""><!--$--><!--/$--></div><script>((a,b,c,d,e,f,g,h)=>{let i=document.documentElement,j=["light","dark"];function k(b){var c;(Array.isArray(a)?a:[a]).forEach(a=>{let c="class"===a,d=c&&f?e.map(a=>f[a]||a):e;c?(i.classList.remove(...d),i.classList.add(f&&f[b]?f[b]:b)):i.setAttribute(a,b)}),c=b,h&&j.includes(c)&&(i.style.colorScheme=c)}if(d)k(d);else try{let a=localStorage.getItem(b)||c,d=g&&"system"===a?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":a;k(d)}catch(a){}})("class","isDarkMode","system",null,["dark","light","true","false","system"],{"true":"dark","false":"light","dark":"dark","light":"light"},true,true)</script><script>(self.__next_s=self.__next_s||[]).push([0,{"children":"(function j(a,b,c,d,e){try{let f,g,h=[];try{h=window.location.pathname.split(\"/\").filter(a=>\"\"!==a&&\"global\"!==a).slice(0,2)}catch{h=[]}let i=h.find(a=>c.includes(a)),j=[];for(let c of(i?j.push(i):j.push(b),j.push(\"global\"),j)){if(!c)continue;let b=a[c];if(b?.content){f=b.content,g=c;break}}if(!f)return void document.documentElement.setAttribute(d,\"hidden\");let k=!0,l=0;for(;l<localStorage.length;){let a=localStorage.key(l);if(l++,!a?.endsWith(e))continue;let b=localStorage.getItem(a);if(b&&b===f){k=!1;break}g&&(a.startsWith(`lang:${g}_`)||!a.startsWith(\"lang:\"))&&(localStorage.removeItem(a),l--)}document.documentElement.setAttribute(d,k?\"visible\":\"hidden\")}catch(a){console.error(a),document.documentElement.setAttribute(d,\"hidden\")}})(\n {},\n \"en\",\n [\"en\",\"fr\",\"de\",\"it\",\"jp\",\"es\",\"ko\",\"cn\",\"zh-Hant\",\"ru\",\"id\",\"pt-BR\"],\n \"data-banner-state\",\n \"bannerDismissed\",\n)","id":"_mintlify-banner-script"}])</script><link href="https://fonts.googleapis.com/css2?family=Anthropic+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet"/><link href="https://fonts.googleapis.com/css2?family=Anthropic+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet"/><style>:root {
+)</script><script src="/docs/_next/static/chunks/polyfills-42372ed130431b0a.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" noModule=""></script></head><body><div hidden=""><!--$--><!--/$--></div><script>((a,b,c,d,e,f,g,h)=>{let i=document.documentElement,j=["light","dark"];function k(b){var c;(Array.isArray(a)?a:[a]).forEach(a=>{let c="class"===a,d=c&&f?e.map(a=>f[a]||a):e;c?(i.classList.remove(...d),i.classList.add(f&&f[b]?f[b]:b)):i.setAttribute(a,b)}),c=b,h&&j.includes(c)&&(i.style.colorScheme=c)}if(d)k(d);else try{let a=localStorage.getItem(b)||c,d=g&&"system"===a?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":a;k(d)}catch(a){}})("class","isDarkMode","system",null,["dark","light","true","false","system"],{"true":"dark","false":"light","dark":"dark","light":"light"},true,true)</script><script>(self.__next_s=self.__next_s||[]).push([0,{"children":"(function j(a,b,c,d,e){try{let f,g,h=[];try{h=window.location.pathname.split(\"/\").filter(a=>\"\"!==a&&\"global\"!==a).slice(0,2)}catch{h=[]}let i=h.find(a=>c.includes(a)),j=[];for(let c of(i?j.push(i):j.push(b),j.push(\"global\"),j)){if(!c)continue;let b=a[c];if(b?.content){f=b.content,g=c;break}}if(!f)return void document.documentElement.setAttribute(d,\"hidden\");let k=!0,l=0;for(;l<localStorage.length;){let a=localStorage.key(l);if(l++,!a?.endsWith(e))continue;let b=localStorage.getItem(a);if(b&&b===f){k=!1;break}g&&(a.startsWith(`lang:${g}_`)||!a.startsWith(\"lang:\"))&&(localStorage.removeItem(a),l--)}document.documentElement.setAttribute(d,k?\"visible\":\"hidden\")}catch(a){console.error(a),document.documentElement.setAttribute(d,\"hidden\")}})(\n {},\n \"en\",\n [\"en\",\"fr\",\"de\",\"it\",\"jp\",\"es\",\"ko\",\"cn\",\"zh-Hant\",\"ru\",\"id\",\"pt-BR\"],\n \"data-banner-state\",\n \"bannerDismissed\",\n)","id":"_mintlify-banner-script"}])</script><link href="https://fonts.googleapis.com/css2?family=Anthropic+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet"/><link href="https://fonts.googleapis.com/css2?family=Anthropic+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet"/><style>:root {
--font-family-headings-custom: "Anthropic Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
--font-family-body-custom: "Anthropic Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
@@ -1449,4 +1449,4 @@
<li><strong><a class="link" href="/docs/en/memory">Memory</a></strong>: manage CLAUDE.md files for persistent context</li>
<li><strong><a class="link" href="/docs/en/interactive-mode#built-in-commands">Interactive mode</a></strong>: built-in commands and shortcuts</li>
<li><strong><a class="link" href="/docs/en/permissions">Permissions</a></strong>: control tool and skill access</li>
-</ul></div><div class="feedback-toolbar pb-16 w-full flex flex-col gap-y-8"><div class="flex flex-row flex-wrap gap-4 items-center justify-between"><p class="inline-block text-sm text-gray-600 dark:text-gray-400 whitespace-nowrap">Was this page helpful?</p><div class="flex flex-wrap flex-grow gap-3 items-center justify-end"><div class="flex gap-3 items-center"><button id="feedback-thumbs-up" class="px-3.5 py-2 flex flex-row gap-3 items-center border-standard rounded-xl text-gray-600 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 bg-white/50 dark:bg-codeblock/50 hover:border-gray-500 hover:dark:border-gray-500"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="fill-current"><path d="M10.1187 1.08741C8.925 0.746789 7.67813 1.43741 7.3375 2.63116L7.15938 3.25616C7.04375 3.66241 6.83438 4.03741 6.55 4.34991L4.94688 6.11241C4.66875 6.41866 4.69062 6.89366 4.99687 7.17179C5.30312 7.44991 5.77813 7.42804 6.05625 7.12179L7.65938 5.35929C8.1 4.87491 8.42188 4.29679 8.6 3.66866L8.77812 3.04366C8.89062 2.64679 9.30625 2.41554 9.70625 2.52804C10.1063 2.64054 10.3344 3.05616 10.2219 3.45616L10.0437 4.08116C9.86562 4.70304 9.58437 5.29054 9.2125 5.81554C9.05 6.04366 9.03125 6.34366 9.15938 6.59366C9.2875 6.84366 9.54375 6.99991 9.825 6.99991H14C14.275 6.99991 14.5 7.22491 14.5 7.49991C14.5 7.71241 14.3656 7.89679 14.175 7.96866C13.9438 8.05616 13.7688 8.24992 13.7094 8.49054C13.65 8.73117 13.7125 8.98429 13.875 9.16866C13.9531 9.25616 14 9.37179 14 9.49991C14 9.74366 13.825 9.94679 13.5938 9.99054C13.3375 10.0405 13.1219 10.2187 13.0312 10.4624C12.9406 10.7062 12.9813 10.9843 13.1438 11.1905C13.2094 11.2749 13.25 11.3812 13.25 11.4999C13.25 11.7093 13.1187 11.8937 12.9312 11.9655C12.5719 12.1062 12.3781 12.4937 12.4812 12.8655C12.4937 12.9062 12.5 12.953 12.5 12.9999C12.5 13.2749 12.275 13.4999 12 13.4999H8.95312C8.55937 13.4999 8.17188 13.3843 7.84375 13.1655L5.91563 11.8812C5.57188 11.6499 5.10625 11.7437 4.875 12.0905C4.64375 12.4374 4.7375 12.8999 5.08437 13.1312L7.0125 14.4155C7.5875 14.7999 8.2625 15.003 8.95312 15.003H12C13.0844 15.003 13.9656 14.1405 14 13.0655C14.4563 12.6999 14.75 12.1374 14.75 11.503C14.75 11.3624 14.7344 11.228 14.7094 11.0968C15.1906 10.7312 15.5 10.153 15.5 9.50304C15.5 9.29991 15.4688 9.10304 15.4125 8.91866C15.775 8.55304 16 8.05304 16 7.49991C16 6.39679 15.1063 5.49991 14 5.49991H11.1156C11.2625 5.17491 11.3875 4.83741 11.4844 4.49366L11.6625 3.86866C12.0031 2.67491 11.3125 1.42804 10.1187 1.08741ZM1 5.99991C0.446875 5.99991 0 6.44679 0 6.99991V13.9999C0 14.553 0.446875 14.9999 1 14.9999H3C3.55313 14.9999 4 14.553 4 13.9999V6.99991C4 6.44679 3.55313 5.99991 3 5.99991H1Z"></path></svg><small class="text-sm font-normal leading-4">Yes</small></button><button id="feedback-thumbs-down" class="px-3.5 py-2 flex flex-row gap-3 items-center border-standard rounded-xl text-gray-600 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 bg-white/50 dark:bg-codeblock/50 hover:border-gray-500 hover:dark:border-gray-500"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="fill-current"><path d="M10.1187 14.9124C8.925 15.253 7.67813 14.5624 7.3375 13.3687L7.15938 12.7437C7.04375 12.3374 6.83438 11.9624 6.55 11.6499L4.94688 9.8874C4.66875 9.58115 4.69062 9.10615 4.99687 8.82803C5.30312 8.5499 5.77813 8.57178 6.05625 8.87803L7.65938 10.6405C8.1 11.1249 8.42188 11.703 8.6 12.3312L8.77812 12.9562C8.89062 13.353 9.30625 13.5843 9.70625 13.4718C10.1063 13.3593 10.3344 12.9437 10.2219 12.5437L10.0437 11.9187C9.86562 11.2968 9.58437 10.7093 9.2125 10.1843C9.05 9.95615 9.03125 9.65615 9.15938 9.40615C9.2875 9.15615 9.54375 8.9999 9.825 8.9999H14C14.275 8.9999 14.5 8.7749 14.5 8.4999C14.5 8.2874 14.3656 8.10303 14.175 8.03115C13.9438 7.94365 13.7688 7.7499 13.7094 7.50928C13.65 7.26865 13.7125 7.01553 13.875 6.83115C13.9531 6.74365 14 6.62803 14 6.4999C14 6.25615 13.825 6.05303 13.5938 6.00928C13.3375 5.95928 13.1219 5.78115 13.0312 5.53428C12.9406 5.2874 12.9813 5.0124 13.1438 4.80615C13.2094 4.72178 13.25 4.61553 13.25 4.49678C13.25 4.2874 13.1187 4.10303 12.9312 4.03115C12.5719 3.89053 12.3781 3.50303 12.4812 3.13115C12.4937 3.09053 12.5 3.04365 12.5 2.99678C12.5 2.72178 12.275 2.49678 12 2.49678H8.95312C8.55937 2.49678 8.17188 2.6124 7.84375 2.83115L5.91563 4.11553C5.57188 4.34678 5.10625 4.25303 4.875 3.90615C4.64375 3.55928 4.7375 3.09678 5.08437 2.86553L7.0125 1.58115C7.5875 1.19678 8.2625 0.993652 8.95312 0.993652H12C13.0844 0.993652 13.9656 1.85615 14 2.93115C14.4563 3.29678 14.75 3.85928 14.75 4.49365C14.75 4.63428 14.7344 4.76865 14.7094 4.8999C15.1906 5.26553 15.5 5.84365 15.5 6.49365C15.5 6.69678 15.4688 6.89365 15.4125 7.07803C15.775 7.44678 16 7.94678 16 8.4999C16 9.60303 15.1063 10.4999 14 10.4999H11.1156C11.2625 10.8249 11.3875 11.1624 11.4844 11.5062L11.6625 12.1312C12.0031 13.3249 11.3125 14.5718 10.1187 14.9124ZM1 11.9999C0.446875 11.9999 0 11.553 0 10.9999V3.9999C0 3.44678 0.446875 2.9999 1 2.9999H3C3.55313 2.9999 4 3.44678 4 3.9999V10.9999C4 11.553 3.55313 11.9999 3 11.9999H1Z"></path></svg><small class="text-sm font-normal leading-4">No</small></button></div><div class="flex gap-3"></div></div></div></div><div id="pagination" class="px-0.5 flex items-center text-sm font-semibold text-gray-700 dark:text-gray-200"><a class="flex items-center space-x-3 group" href="/docs/en/discover-plugins"><svg viewBox="0 0 3 6" class="h-1.5 stroke-gray-400 overflow-visible group-hover:stroke-gray-600 dark:group-hover:stroke-gray-300"><path d="M3 0L0 3L3 6" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="group-hover:text-gray-900 dark:group-hover:text-white">Discover and install prebuilt plugins</span></a><a class="flex items-center ml-auto space-x-3 group" href="/docs/en/output-styles"><span class="group-hover:text-gray-900 dark:group-hover:text-white">Output styles</span><svg viewBox="0 0 3 6" class="rotate-180 h-1.5 stroke-gray-400 overflow-visible group-hover:stroke-gray-600 dark:group-hover:stroke-gray-300"><path d="M3 0L0 3L3 6" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="left-0 right-0 sticky sm:px-4 pb-4 sm:pb-6 bottom-0 pt-1 flex flex-col items-center w-full overflow-hidden z-20 pointer-events-none print:hidden"><div class="chat-assistant-floating-input z-10 w-full sm:w-96 focus-within:w-full group/assistant-bar sm:focus-within:w-[30rem] hover:scale-100 sm:hover:scale-105 focus-within:hover:scale-100 [transition:width_400ms,left_200ms,transform_500ms,opacity_200ms]"><div class="translate-y-[100px] opacity-0"><div class="flex flex-col w-full rounded-2xl pointer-events-auto bg-background-light/90 dark:bg-background-dark/90 backdrop-blur-xl border border-gray-200 dark:border-white/30 focus-within:border-primary dark:focus-within:border-primary-light transition-colors sm:shadow-xl"><div class="relative flex items-end"><textarea id="chat-assistant-textarea" aria-label="Ask a question..." autoComplete="off" placeholder="Ask a question..." class="chat-assistant-input w-full bg-transparent border-0 peer/input text-gray-900 dark:text-gray-100 placeholder-gray-500 dark:placeholder-gray-400 !outline-none focus:!outline-none focus:ring-0 py-2.5 pl-3.5 pr-10 font-bodyWeight text-sm" style="resize:none"></textarea><span class="absolute right-11 bottom-3 text-xs font-medium text-gray-400 dark:text-gray-500 select-none pointer-events-none peer-focus/input:hidden hidden sm:inline">⌘<!-- -->I</span><button class="chat-assistant-send-button flex justify-center items-center rounded-full p-1 size-6 bg-primary/30 dark:bg-primary-dark/30 absolute right-2.5 bottom-2" aria-label="Send message" disabled=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up text-white dark:text-white size-3.5"><path d="m5 12 7-7 7 7"></path><path d="M12 19V5"></path></svg></button></div></div></div></div></div></div></div><!--$--><!--/$--></div></div><footer id="footer" class="advanced-footer flex flex-col items-center mx-auto border-t border-gray-100 dark:border-gray-800/50"><div class="flex w-full flex-col gap-12 justify-between px-8 py-16 md:py-20 lg:py-28 max-w-[984px] z-20"><div class="flex flex-col md:flex-row gap-8 justify-between min-h-[76px]"><div class="flex md:flex-col justify-between items-center md:items-start min-w-16 md:min-w-20 lg:min-w-48 md:gap-y-24"><a class="select-none" data-state="closed" data-slot="context-menu-trigger" style="-webkit-touch-callout:none" href="/docs"><span class="sr-only">Claude Code Docs<!-- --> home page</span><img class="nav-logo w-auto relative object-contain shrink-0 block dark:hidden max-w-48 h-[26px]" src="https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/light.svg?fit=max&auto=format&n=o69F7a6qoW9vboof&q=85&s=536eade682636e84231afce2577f9509" alt="light logo"/><img class="nav-logo w-auto relative object-contain shrink-0 hidden dark:block max-w-48 h-[26px]" src="https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/dark.svg?fit=max&auto=format&n=o69F7a6qoW9vboof&q=85&s=0766b3221061e80143e9f300733e640b" alt="dark logo"/></a><div class="gap-4 min-w-[140px] max-w-[492px] flex-wrap h-fit flex justify-end md:justify-start"><a href="https://x.com/AnthropicAI" target="_blank" class="h-fit"><span class="sr-only">x</span><svg class="w-5 h-5 bg-gray-500 dark:bg-gray-600 hover:bg-gray-600 dark:hover:bg-gray-500" style="-webkit-mask-image:url(https://d3gk2c5xim1je2.cloudfront.net/v7.1.0/brands/x-twitter.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:url(https://d3gk2c5xim1je2.cloudfront.net/v7.1.0/brands/x-twitter.svg);mask-repeat:no-repeat;mask-position:center"></svg></a><a href="https://www.linkedin.com/company/anthropicresearch" target="_blank" class="h-fit"><span class="sr-only">linkedin</span><svg class="w-5 h-5 bg-gray-500 dark:bg-gray-600 hover:bg-gray-600 dark:hover:bg-gray-500" style="-webkit-mask-image:url(https://d3gk2c5xim1je2.cloudfront.net/v7.1.0/brands/linkedin.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:url(https://d3gk2c5xim1je2.cloudfront.net/v7.1.0/brands/linkedin.svg);mask-repeat:no-repeat;mask-position:center"></svg></a></div></div><div class="flex flex-col sm:grid max-md:!grid-cols-2 gap-8 flex-1" style="grid-template-columns:repeat(4, minmax(0, 1fr))"><div class="flex flex-col gap-4 flex-1 whitespace-nowrap w-full md:items-center"><div class="flex gap-4 flex-col"><p class="text-sm font-semibold text-gray-950 dark:text-white mb-1">Company</p><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/company" target="_blank" rel="noreferrer">Anthropic</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/careers" target="_blank" rel="noreferrer">Careers</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/economic-futures" target="_blank" rel="noreferrer">Economic Futures</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/research" target="_blank" rel="noreferrer">Research</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/news" target="_blank" rel="noreferrer">News</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://trust.anthropic.com/" target="_blank" rel="noreferrer">Trust center</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/transparency" target="_blank" rel="noreferrer">Transparency</a></div></div><div class="flex flex-col gap-4 flex-1 whitespace-nowrap w-full md:items-center"><div class="flex gap-4 flex-col"><p class="text-sm font-semibold text-gray-950 dark:text-white mb-1">Help and security</p><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/supported-countries" target="_blank" rel="noreferrer">Availability</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://status.anthropic.com/" target="_blank" rel="noreferrer">Status</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://support.claude.com/" target="_blank" rel="noreferrer">Support center</a></div></div><div class="flex flex-col gap-4 flex-1 whitespace-nowrap w-full md:items-center"><div class="flex gap-4 flex-col"><p class="text-sm font-semibold text-gray-950 dark:text-white mb-1">Learn</p><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/learn" target="_blank" rel="noreferrer">Courses</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://claude.com/partners/mcp" target="_blank" rel="noreferrer">MCP connectors</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.claude.com/customers" target="_blank" rel="noreferrer">Customer stories</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/engineering" target="_blank" rel="noreferrer">Engineering blog</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/events" target="_blank" rel="noreferrer">Events</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://claude.com/partners/powered-by-claude" target="_blank" rel="noreferrer">Powered by Claude</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://claude.com/partners/services" target="_blank" rel="noreferrer">Service partners</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://claude.com/programs/startups" target="_blank" rel="noreferrer">Startups program</a></div></div><div class="flex flex-col gap-4 flex-1 whitespace-nowrap w-full md:items-center"><div class="flex gap-4 flex-col"><p class="text-sm font-semibold text-gray-950 dark:text-white mb-1">Terms and policies</p><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/legal/privacy" target="_blank" rel="noreferrer">Privacy policy</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/responsible-disclosure-policy" target="_blank" rel="noreferrer">Disclosure policy</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/legal/aup" target="_blank" rel="noreferrer">Usage policy</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/legal/commercial-terms" target="_blank" rel="noreferrer">Commercial terms</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/legal/consumer-terms" target="_blank" rel="noreferrer">Consumer terms</a></div></div></div></div></div></footer></div></div></div><script src="/docs/_next/static/chunks/webpack-171c0943acd6b430.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[85341,[],\"\"]\n"])</script><script>self.__next_f.push([1,"3:I[2510,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"30479\",\"static/chunks/30479-68a79694ab7750c6.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"18039\",\"static/chunks/app/error-85dc9bbc7f2b9b3f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"default\",1]\n"])</script><script>self.__next_f.push([1,"4:I[90025,[],\"\"]\n"])</script><script>self.__next_f.push([1,"5:I[51749,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"ThemeProvider\",1]\n"])</script><script>self.__next_f.push([1,"6:I[35021,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"ColorVariables\",1]\n"])</script><script>self.__next_f.push([1,"7:I[26790,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"FontScript\",1]\n"])</script><script>self.__next_f.push([1,"8:I[24223,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"RoundedVariables\"]\n"])</script><script>self.__next_f.push([1,"9:I[48622,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"92967\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/not-found-5eb99b67cb6ea223.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"RecommendedPagesList\"]\n"])</script><script>self.__next_f.push([1,"a:I[69206,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"30479\",\"static/chunks/30479-68a79694ab7750c6.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"9249\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/error-2bc09d7a501424e3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"default\",1]\n"])</script><script>self.__next_f.push([1,"14:I[34431,[],\"\"]\n:HL[\"/docs/_next/static/media/bb3ef058b751a6ad-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/docs/_next/static/media/c4b700dcb2187787-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/docs/_next/static/media/e4af272ccee01ff0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/docs/_next/static/css/b864dec2fc058581.css?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"style\"]\n:HL[\"/docs/_next/static/css/93bac6dd9c729729.css?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"style\"]\n:HL[\"/docs/_next/static/css/05d6d8fcb903870d.css?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"SBcKNotCS_71WENolcaUR\",\"p\":\"/docs\",\"c\":[\"\",\"_sites\",\"claude-code\",\"en\",\"skills\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"%5Fsites\",{\"children\":[[\"subdomain\",\"claude-code\",\"d\"],{\"children\":[\"(multitenant)\",{\"topbar\":[\"(slot)\",{\"children\":[[\"slug\",\"en/skills\",\"oc\"],{\"children\":[\"__PAGE__\",{}]}]}],\"children\":[[\"slug\",\"en/skills\",\"oc\"],{\"children\":[\"__PAGE__\",{}]}]}]}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/docs/_next/static/css/b864dec2fc058581.css?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/docs/_next/static/css/93bac6dd9c729729.css?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"suppressHydrationWarning\":true,\"lang\":\"en\",\"className\":\"__variable_ed9089 __variable_ea4744 dark\",\"data-banner-state\":\"visible\",\"data-page-mode\":\"none\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"script\",null,{\"type\":\"text/javascript\",\"dangerouslySetInnerHTML\":{\"__html\":\"(function(a,b){try{let c=document.getElementById(\\\"banner\\\")?.innerText;if(c){for(let d=0;d\u003clocalStorage.length;d++){let e=localStorage.key(d);if(e?.endsWith(a)\u0026\u0026localStorage.getItem(e)===c)return void document.documentElement.setAttribute(b,\\\"hidden\\\")}document.documentElement.setAttribute(b,\\\"visible\\\");return}for(let c=0;c\u003clocalStorage.length;c++){let d=localStorage.key(c);if(d?.endsWith(a)\u0026\u0026localStorage.getItem(d))return void document.documentElement.setAttribute(b,\\\"hidden\\\")}document.documentElement.setAttribute(b,\\\"visible\\\")}catch(a){document.documentElement.setAttribute(b,\\\"hidden\\\")}})(\\n \\\"bannerDismissed\\\",\\n \\\"data-banner-state\\\",\\n)\"}}],false]}],[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$3\",\"errorStyles\":[],\"errorScripts\":[],\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$L5\",null,{\"children\":[[\"$\",\"$L6\",null,{}],[\"$\",\"$L7\",null,{}],[\"$\",\"$L8\",null,{}],[\"$\",\"style\",null,{\"children\":\":root {\\n --primary: 17 120 102;\\n --primary-light: 74 222 128;\\n --primary-dark: 22 101 52;\\n --background-light: 255 255 255;\\n --background-dark: 15 17 23;\\n}\"}],[\"$\",\"main\",null,{\"className\":\"h-screen bg-background-light dark:bg-background-dark text-left\",\"children\":[\"$\",\"article\",null,{\"className\":\"bg-custom bg-fixed bg-center bg-cover relative flex flex-col items-center justify-center h-full\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full max-w-xl px-10\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-flex mb-6 rounded-full px-3 py-1 text-sm font-semibold mr-4 text-white p-1 bg-primary\",\"children\":[\"Error \",404]}],[\"$\",\"h1\",null,{\"className\":\"font-semibold mb-3 text-3xl\",\"children\":\"Page not found!\"}],[\"$\",\"p\",null,{\"className\":\"text-lg text-gray-600 dark:text-gray-400 mb-6\",\"children\":\"We couldn't find the page.\"}],[\"$\",\"$L9\",null,{}]]}]}]}]]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],null]}]]}]]}],{\"children\":[\"%5Fsites\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"subdomain\",\"claude-code\",\"d\"],[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$a\",\"errorStyles\":[],\"errorScripts\":[],\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$L5\",null,{\"children\":[[\"$\",\"$L6\",null,{}],[\"$\",\"$L7\",null,{}],[\"$\",\"$L8\",null,{}],[\"$\",\"style\",null,{\"children\":\":root {\\n --primary: 17 120 102;\\n --primary-light: 74 222 128;\\n --primary-dark: 22 101 52;\\n --background-light: 255 255 255;\\n --background-dark: 15 17 23;\\n}\"}],[\"$\",\"main\",null,{\"className\":\"h-screen bg-background-light dark:bg-background-dark text-left\",\"children\":[\"$\",\"article\",null,{\"className\":\"bg-custom bg-fixed bg-center bg-cover relative flex flex-col items-center justify-center h-full\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full max-w-xl px-10\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-flex mb-6 rounded-full px-3 py-1 text-sm font-semibold mr-4 text-white p-1 bg-primary\",\"children\":[\"Error \",404]}],[\"$\",\"h1\",null,{\"className\":\"font-semibold mb-3 text-3xl\",\"children\":\"Page not found!\"}],\"$Lb\",\"$Lc\"]}]}]}]]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"(multitenant)\",\"$Ld\",{\"topbar\":[\"(slot)\",\"$Le\",{\"children\":[[\"slug\",\"en/skills\",\"oc\"],\"$Lf\",{\"children\":[\"__PAGE__\",\"$L10\",{},null,false]},null,false]},null,false],\"children\":[[\"slug\",\"en/skills\",\"oc\"],\"$L11\",{\"children\":[\"__PAGE__\",\"$L12\",{},null,false]},null,false]},null,false]},null,false]},null,false]},null,false],\"$L13\",false]],\"m\":\"$undefined\",\"G\":[\"$14\",[]],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"17:I[15104,[],\"OutletBoundary\"]\n1c:I[94777,[],\"AsyncMetadataOutlet\"]\n1e:I[15104,[],\"ViewportBoundary\"]\n20:I[15104,[],\"MetadataBoundary\"]\n21:\"$Sreact.suspense\"\nb:[\"$\",\"p\",null,{\"className\":\"text-lg text-gray-600 dark:text-gray-400 mb-6\",\"children\":\"We couldn't find the page.\"}]\nc:[\"$\",\"$L9\",null,{}]\nd:[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/docs/_next/static/css/05d6d8fcb903870d.css?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],\"$L15\"]}]\ne:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\nf:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n10:[\"$\",\"$1\",\"c\",{\"children\":[\"$L16\",null,[\"$\",\"$L17\",null,{\"children\":[\"$L18\",\"$L19\"]}]]}]\n11:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n12:[\"$\",\"$1\",\"c\",{\"children\":[\"$L1a\",null,[\"$\",\"$L17\",null,{\"children\":[\"$L1b\",[\"$\",\"$L1c\",null,{\"promise\":\"$@1d\"}]]}]]}]\n13:[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$L1e\",null,{\"children\":\"$L1f\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]],[\"$\",\"$L20\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$21\",null,{\"fallback\":null,\"children\":\"$L22\"}]}]}]]}]\n"])</script><script>self.__next_f.push([1,"18:null\n19:null\n"])</script><script>self.__next_f.push([1,"1f:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover\"}]]\n1b:null\n"])</script><script>self.__next_f.push([1,"2d:I[30793,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"ApiReferenceProvider\",1]\n"])</script><script>self.__next_f.push([1,"2e:I[30793,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"PageProvider\",1]\n"])</script><script>self.__next_f.push([1,"2f:I[30793,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"ApiReferenceProvider2\",1]\n"])</script><script>self.__next_f.push([1,"1d:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"Extend Claude with skills - Claude Code Docs\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"application-name\",\"content\":\"Claude Code Docs\"}],[\"$\",\"meta\",\"3\",{\"name\":\"generator\",\"content\":\"Mintlify\"}],[\"$\",\"meta\",\"4\",{\"name\":\"msapplication-config\",\"content\":\"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/browserconfig.xml\"}],[\"$\",\"meta\",\"5\",{\"name\":\"apple-mobile-web-app-title\",\"content\":\"Claude Code Docs\"}],[\"$\",\"meta\",\"6\",{\"name\":\"msapplication-TileColor\",\"content\":\"#0E0E0E\"}],[\"$\",\"meta\",\"7\",{\"name\":\"charset\",\"content\":\"utf-8\"}],[\"$\",\"meta\",\"8\",{\"name\":\"og:site_name\",\"content\":\"Claude Code Docs\"}],[\"$\",\"meta\",\"9\",{\"name\":\"canonical\",\"content\":\"https://code.claude.com/docs/en/skills\"}],[\"$\",\"link\",\"10\",{\"rel\":\"canonical\",\"href\":\"https://code.claude.com/docs/en/skills\"}],[\"$\",\"link\",\"11\",{\"rel\":\"alternate\",\"type\":\"application/xml\",\"href\":\"/docs/sitemap.xml\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:title\",\"content\":\"Extend Claude with skills - Claude Code Docs\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:description\",\"content\":\"Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands.\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:url\",\"content\":\"https://code.claude.com/docs/en/skills\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:image\",\"content\":\"https://claude-code.mintlify.app/_next/image?url=%2F_mintlify%2Fapi%2Fog%3Fdivision%3DBuild%2Bwith%2BClaude%2BCode%26appearance%3Dsystem%26title%3DExtend%2BClaude%2Bwith%2Bskills%26description%3DCreate%252C%2Bmanage%252C%2Band%2Bshare%2Bskills%2Bto%2Bextend%2BClaude%2527s%2Bcapabilities%2Bin%2BClaude%2BCode.%2BIncludes%2Bcustom%2Bslash%2Bcommands.%26logoLight%3Dhttps%253A%252F%252Fmintcdn.com%252Fclaude-code%252Fo69F7a6qoW9vboof%252Flogo%252Flight.svg%253Ffit%253Dmax%2526auto%253Dformat%2526n%253Do69F7a6qoW9vboof%2526q%253D85%2526s%253D536eade682636e84231afce2577f9509%26logoDark%3Dhttps%253A%252F%252Fmintcdn.com%252Fclaude-code%252Fo69F7a6qoW9vboof%252Flogo%252Fdark.svg%253Ffit%253Dmax%2526auto%253Dformat%2526n%253Do69F7a6qoW9vboof%2526q%253D85%2526s%253D0766b3221061e80143e9f300733e640b%26primaryColor%3D%25230E0E0E%26lightColor%3D%2523D4A27F%26darkColor%3D%25230E0E0E%26backgroundLight%3D%2523FDFDF7%26backgroundDark%3D%252309090B\u0026w=1200\u0026q=100\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:title\",\"content\":\"Extend Claude with skills - Claude Code Docs\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:description\",\"content\":\"Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands.\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:image\",\"content\":\"https://claude-code.mintlify.app/_next/image?url=%2F_mintlify%2Fapi%2Fog%3Fdivision%3DBuild%2Bwith%2BClaude%2BCode%26appearance%3Dsystem%26title%3DExtend%2BClaude%2Bwith%2Bskills%26description%3DCreate%252C%2Bmanage%252C%2Band%2Bshare%2Bskills%2Bto%2Bextend%2BClaude%2527s%2Bcapabilities%2Bin%2BClaude%2BCode.%2BIncludes%2Bcustom%2Bslash%2Bcommands.%26logoLight%3Dhttps%253A%252F%252Fmintcdn.com%252Fclaude-code%252Fo69F7a6qoW9vboof%252Flogo%252Flight.svg%253Ffit%253Dmax%2526auto%253Dformat%2526n%253Do69F7a6qoW9vboof%2526q%253D85%2526s%253D536eade682636e84231afce2577f9509%26logoDark%3Dhttps%253A%252F%252Fmintcdn.com%252Fclaude-code%252Fo69F7a6qoW9vboof%252Flogo%252Fdark.svg%253Ffit%253Dmax%2526auto%253Dformat%2526n%253Do69F7a6qoW9vboof%2526q%253D85%2526s%253D0766b3221061e80143e9f300733e640b%26primaryColor%3D%25230E0E0E%26lightColor%3D%2523D4A27F%26darkColor%3D%25230E0E0E%26backgroundLight%3D%2523FDFDF7%26backgroundDark%3D%252309090B\u0026w=1200\u0026q=100\"}],\"$L23\",\"$L24\",\"$L25\",\"$L26\",\"$L27\",\"$L28\",\"$L29\",\"$L2a\",\"$L2b\",\"$L2c\"],\"error\":null,\"digest\":\"$undefined\"}\n"])</script><script>self.__next_f.push([1,"22:\"$1d:metadata\"\n"])</script><script>self.__next_f.push([1,"1a:[\"$\",\"$L2d\",null,{\"value\":{\"apiReferenceData\":{}},\"children\":[\"$\",\"$L2e\",null,{\"value\":{\"pageMetadata\":{\"title\":\"Extend Claude with skills\",\"description\":\"Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands.\",\"href\":\"/en/skills\",\"hidden\":false},\"lastModified\":\"2026-02-07T00:03:23.798Z\",\"description\":{\"compiledSource\":\"\\\"use strict\\\";\\nconst {jsx: _jsx} = arguments[0];\\nconst {useMDXComponents: _provideComponents} = arguments[0];\\nfunction _createMdxContent(props) {\\n const _components = {\\n p: \\\"p\\\",\\n ..._provideComponents(),\\n ...props.components\\n };\\n return _jsx(_components.p, {\\n children: \\\"Create, manage, and share skills to extend Claude’s capabilities in Claude Code. Includes custom slash commands.\\\"\\n });\\n}\\nfunction MDXContent(props = {}) {\\n const {wrapper: MDXLayout} = {\\n ..._provideComponents(),\\n ...props.components\\n };\\n return MDXLayout ? _jsx(MDXLayout, {\\n ...props,\\n children: _jsx(_createMdxContent, {\\n ...props\\n })\\n }) : _createMdxContent(props);\\n}\\nreturn {\\n default: MDXContent\\n};\\n\",\"frontmatter\":{},\"scope\":{}},\"mdxExtracts\":{\"tableOfContents\":[{\"title\":\"Getting started\",\"slug\":\"getting-started\",\"depth\":2,\"children\":[{\"title\":\"Create your first skill\",\"slug\":\"create-your-first-skill\",\"depth\":3,\"children\":[]},{\"title\":\"Where skills live\",\"slug\":\"where-skills-live\",\"depth\":3,\"children\":[]},{\"title\":\"Automatic discovery from nested directories\",\"slug\":\"automatic-discovery-from-nested-directories\",\"depth\":4,\"children\":[]},{\"title\":\"Skills from additional directories\",\"slug\":\"skills-from-additional-directories\",\"depth\":4,\"children\":[]}]},{\"title\":\"Configure skills\",\"slug\":\"configure-skills\",\"depth\":2,\"children\":[{\"title\":\"Types of skill content\",\"slug\":\"types-of-skill-content\",\"depth\":3,\"children\":[]},{\"title\":\"Frontmatter reference\",\"slug\":\"frontmatter-reference\",\"depth\":3,\"children\":[]},{\"title\":\"Available string substitutions\",\"slug\":\"available-string-substitutions\",\"depth\":4,\"children\":[]},{\"title\":\"Add supporting files\",\"slug\":\"add-supporting-files\",\"depth\":3,\"children\":[]},{\"title\":\"Control who invokes a skill\",\"slug\":\"control-who-invokes-a-skill\",\"depth\":3,\"children\":[]},{\"title\":\"Restrict tool access\",\"slug\":\"restrict-tool-access\",\"depth\":3,\"children\":[]},{\"title\":\"Pass arguments to skills\",\"slug\":\"pass-arguments-to-skills\",\"depth\":3,\"children\":[]}]},{\"title\":\"Advanced patterns\",\"slug\":\"advanced-patterns\",\"depth\":2,\"children\":[{\"title\":\"Inject dynamic context\",\"slug\":\"inject-dynamic-context\",\"depth\":3,\"children\":[]},{\"title\":\"Run skills in a subagent\",\"slug\":\"run-skills-in-a-subagent\",\"depth\":3,\"children\":[]},{\"title\":\"Example: Research skill using Explore agent\",\"slug\":\"example%3A-research-skill-using-explore-agent\",\"depth\":4,\"children\":[]},{\"title\":\"Restrict Claude’s skill access\",\"slug\":\"restrict-claude%E2%80%99s-skill-access\",\"depth\":3,\"children\":[]}]},{\"title\":\"Share skills\",\"slug\":\"share-skills\",\"depth\":2,\"children\":[{\"title\":\"Generate visual output\",\"slug\":\"generate-visual-output\",\"depth\":3,\"children\":[]}]},{\"title\":\"Troubleshooting\",\"slug\":\"troubleshooting\",\"depth\":2,\"children\":[{\"title\":\"Skill not triggering\",\"slug\":\"skill-not-triggering\",\"depth\":3,\"children\":[]},{\"title\":\"Skill triggers too often\",\"slug\":\"skill-triggers-too-often\",\"depth\":3,\"children\":[]},{\"title\":\"Claude doesn’t see all my skills\",\"slug\":\"claude-doesn%E2%80%99t-see-all-my-skills\",\"depth\":3,\"children\":[]}]},{\"title\":\"Related resources\",\"slug\":\"related-resources\",\"depth\":2,\"children\":[]}],\"codeExamples\":{}},\"pageType\":\"$undefined\",\"panelMdxSource\":\"$undefined\",\"panelMdxSourceWithNoJs\":\"$undefined\"},\"children\":[\"$\",\"$L2f\",null,{\"pageMetadata\":\"$1a:props:children:props:value:pageMetadata\",\"docsConfig\":{\"theme\":\"mint\",\"$schema\":\"https://mintlify.com/docs.json\",\"name\":\"Claude Code Docs\",\"colors\":{\"primary\":\"#0E0E0E\",\"light\":\"#D4A27F\",\"dark\":\"#0E0E0E\"},\"logo\":{\"light\":\"https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/light.svg?fit=max\u0026auto=format\u0026n=o69F7a6qoW9vboof\u0026q=85\u0026s=536eade682636e84231afce2577f9509\",\"dark\":\"https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/dark.svg?fit=max\u0026auto=format\u0026n=o69F7a6qoW9vboof\u0026q=85\u0026s=0766b3221061e80143e9f300733e640b\"},\"favicon\":\"/favicon.ico\",\"appearance\":{\"default\":\"system\"},\"background\":{\"color\":{\"light\":\"#FDFDF7\",\"dark\":\"#09090B\"}},\"navbar\":{\"links\":[{\"href\":\"https://platform.claude.com/\",\"label\":\"Claude Developer Platform\"}],\"primary\":{\"type\":\"button\",\"label\":\"Claude Code on the Web\",\"href\":\"https://claude.ai/code\"}},\"navigation\":{\"languages\":[{\"language\":\"en\",\"tabs\":[{\"tab\":\"Getting started\",\"groups\":[{\"group\":\"Getting started\",\"pages\":[\"en/overview\",\"en/quickstart\",\"en/changelog\"]},{\"group\":\"Core concepts\",\"pages\":[\"en/how-claude-code-works\",\"en/features-overview\",\"en/common-workflows\",\"en/best-practices\"]},{\"group\":\"Platforms and integrations\",\"pages\":[\"en/claude-code-on-the-web\",{\"group\":\"Claude Code on desktop\",\"pages\":[\"en/desktop-quickstart\",\"en/desktop\"]},\"en/chrome\",\"en/vs-code\",\"en/jetbrains\",\"en/github-actions\",\"en/gitlab-ci-cd\",\"en/slack\"]}]},{\"tab\":\"Build with Claude Code\",\"groups\":[{\"group\":\"Build with Claude Code\",\"pages\":[\"en/sub-agents\",\"en/agent-teams\",\"en/plugins\",\"en/discover-plugins\",\"en/skills\",\"en/output-styles\",\"en/hooks-guide\",\"en/headless\",\"en/mcp\",\"en/troubleshooting\"]}]},{\"tab\":\"Deployment\",\"groups\":[{\"group\":\"Deployment\",\"pages\":[\"en/third-party-integrations\",\"en/amazon-bedrock\",\"en/google-vertex-ai\",\"en/microsoft-foundry\",\"en/network-config\",\"en/llm-gateway\",\"en/devcontainer\"]}]},{\"tab\":\"Administration\",\"groups\":[{\"group\":\"Administration\",\"pages\":[\"en/setup\",\"en/authentication\",\"en/security\",\"en/server-managed-settings\",\"en/data-usage\",\"en/monitoring-usage\",\"en/costs\",\"en/analytics\",\"en/plugin-marketplaces\"]}]},{\"tab\":\"Configuration\",\"groups\":[{\"group\":\"Configuration\",\"pages\":[\"en/settings\",\"en/permissions\",\"en/sandboxing\",\"en/terminal-config\",\"en/model-config\",\"en/fast-mode\",\"en/memory\",\"en/statusline\",\"en/keybindings\"]}]},{\"tab\":\"Reference\",\"groups\":[{\"group\":\"Reference\",\"pages\":[\"en/cli-reference\",\"en/interactive-mode\",\"en/checkpointing\",\"en/hooks\",\"en/plugins-reference\"]}]},{\"tab\":\"Resources\",\"groups\":[{\"group\":\"Resources\",\"pages\":[\"en/legal-and-compliance\"]}]}]},{\"language\":\"fr\",\"tabs\":[{\"tab\":\"Démarrer\",\"groups\":[{\"group\":\"Démarrer\",\"pages\":[\"fr/overview\",\"fr/quickstart\",\"fr/changelog\"]},{\"group\":\"Concepts fondamentaux\",\"pages\":[\"fr/how-claude-code-works\",\"fr/features-overview\",\"fr/common-workflows\",\"fr/best-practices\"]},{\"group\":\"Plateformes et intégrations\",\"pages\":[\"fr/claude-code-on-the-web\",\"fr/desktop\",\"fr/chrome\",\"fr/vs-code\",\"fr/jetbrains\",\"fr/github-actions\",\"fr/gitlab-ci-cd\",\"fr/slack\"]}]},{\"tab\":\"Créer avec Claude Code\",\"groups\":[{\"group\":\"Créer avec Claude Code\",\"pages\":[\"fr/sub-agents\",\"fr/agent-teams\",\"fr/plugins\",\"fr/discover-plugins\",\"fr/skills\",\"fr/output-styles\",\"fr/hooks-guide\",\"fr/headless\",\"fr/mcp\",\"fr/troubleshooting\"]}]},{\"tab\":\"Déploiement\",\"groups\":[{\"group\":\"Déploiement\",\"pages\":[\"fr/third-party-integrations\",\"fr/amazon-bedrock\",\"fr/google-vertex-ai\",\"fr/microsoft-foundry\",\"fr/network-config\",\"fr/llm-gateway\",\"fr/devcontainer\"]}]},{\"tab\":\"Administration\",\"groups\":[{\"group\":\"Administration\",\"pages\":[\"fr/setup\",\"fr/authentication\",\"fr/security\",\"fr/server-managed-settings\",\"fr/data-usage\",\"fr/monitoring-usage\",\"fr/costs\",\"fr/analytics\",\"fr/plugin-marketplaces\"]}]},{\"tab\":\"Configuration\",\"groups\":[{\"group\":\"Configuration\",\"pages\":[\"fr/settings\",\"fr/permissions\",\"fr/sandboxing\",\"fr/terminal-config\",\"fr/model-config\",\"fr/fast-mode\",\"fr/memory\",\"fr/statusline\",\"fr/keybindings\"]}]},{\"tab\":\"Référence\",\"groups\":[{\"group\":\"Référence\",\"pages\":[\"fr/cli-reference\",\"fr/interactive-mode\",\"fr/checkpointing\",\"fr/hooks\",\"fr/plugins-reference\"]}]},{\"tab\":\"Ressources\",\"groups\":[{\"group\":\"Ressources\",\"pages\":[\"fr/legal-and-compliance\"]}]}]},{\"language\":\"de\",\"tabs\":[{\"tab\":\"Erste Schritte\",\"groups\":[{\"group\":\"Erste Schritte\",\"pages\":[\"de/overview\",\"de/quickstart\",\"de/changelog\"]},{\"group\":\"Kernkonzepte\",\"pages\":[\"de/how-claude-code-works\",\"de/features-overview\",\"de/common-workflows\",\"de/best-practices\"]},{\"group\":\"Plattformen und Integrationen\",\"pages\":[\"de/claude-code-on-the-web\",\"de/desktop\",\"de/chrome\",\"de/vs-code\",\"de/jetbrains\",\"de/github-actions\",\"de/gitlab-ci-cd\",\"de/slack\"]}]},{\"tab\":\"Mit Claude Code erstellen\",\"groups\":[{\"group\":\"Mit Claude Code erstellen\",\"pages\":[\"de/sub-agents\",\"de/agent-teams\",\"de/plugins\",\"de/discover-plugins\",\"de/skills\",\"de/output-styles\",\"de/hooks-guide\",\"de/headless\",\"de/mcp\",\"de/troubleshooting\"]}]},{\"tab\":\"Bereitstellung\",\"groups\":[{\"group\":\"Bereitstellung\",\"pages\":[\"de/third-party-integrations\",\"de/amazon-bedrock\",\"de/google-vertex-ai\",\"de/microsoft-foundry\",\"de/network-config\",\"de/llm-gateway\",\"de/devcontainer\"]}]},{\"tab\":\"Verwaltung\",\"groups\":[{\"group\":\"Verwaltung\",\"pages\":[\"de/setup\",\"de/authentication\",\"de/security\",\"de/server-managed-settings\",\"de/data-usage\",\"de/monitoring-usage\",\"de/costs\",\"de/analytics\",\"de/plugin-marketplaces\"]}]},{\"tab\":\"Konfiguration\",\"groups\":[{\"group\":\"Konfiguration\",\"pages\":[\"de/settings\",\"de/permissions\",\"de/sandboxing\",\"de/terminal-config\",\"de/model-config\",\"de/fast-mode\",\"de/memory\",\"de/statusline\",\"de/keybindings\"]}]},{\"tab\":\"Referenz\",\"groups\":[{\"group\":\"Referenz\",\"pages\":[\"de/cli-reference\",\"de/interactive-mode\",\"de/checkpointing\",\"de/hooks\",\"de/plugins-reference\"]}]},{\"tab\":\"Ressourcen\",\"groups\":[{\"group\":\"Ressourcen\",\"pages\":[\"de/legal-and-compliance\"]}]}]},{\"language\":\"it\",\"tabs\":[{\"tab\":\"Guida introduttiva\",\"groups\":[{\"group\":\"Guida introduttiva\",\"pages\":[\"it/overview\",\"it/quickstart\",\"it/changelog\"]},{\"group\":\"Concetti fondamentali\",\"pages\":[\"it/how-claude-code-works\",\"it/features-overview\",\"it/common-workflows\",\"it/best-practices\"]},{\"group\":\"Piattaforme e integrazioni\",\"pages\":[\"it/claude-code-on-the-web\",\"it/desktop\",\"it/chrome\",\"it/vs-code\",\"it/jetbrains\",\"it/github-actions\",\"it/gitlab-ci-cd\",\"it/slack\"]}]},{\"tab\":\"Sviluppate con Claude Code\",\"groups\":[{\"group\":\"Sviluppate con Claude Code\",\"pages\":[\"it/sub-agents\",\"it/agent-teams\",\"it/plugins\",\"it/discover-plugins\",\"it/skills\",\"it/output-styles\",\"it/hooks-guide\",\"it/headless\",\"it/mcp\",\"it/troubleshooting\"]}]},{\"tab\":\"Distribuzione\",\"groups\":[{\"group\":\"Distribuzione\",\"pages\":[\"it/third-party-integrations\",\"it/amazon-bedrock\",\"it/google-vertex-ai\",\"it/microsoft-foundry\",\"it/network-config\",\"it/llm-gateway\",\"it/devcontainer\"]}]},{\"tab\":\"Amministrazione\",\"groups\":[{\"group\":\"Amministrazione\",\"pages\":[\"it/setup\",\"it/authentication\",\"it/security\",\"it/server-managed-settings\",\"it/data-usage\",\"it/monitoring-usage\",\"it/costs\",\"it/analytics\",\"it/plugin-marketplaces\"]}]},{\"tab\":\"Configurazione\",\"groups\":[{\"group\":\"Configurazione\",\"pages\":[\"it/settings\",\"it/permissions\",\"it/sandboxing\",\"it/terminal-config\",\"it/model-config\",\"it/fast-mode\",\"it/memory\",\"it/statusline\",\"it/keybindings\"]}]},{\"tab\":\"Riferimento\",\"groups\":[{\"group\":\"Riferimento\",\"pages\":[\"it/cli-reference\",\"it/interactive-mode\",\"it/checkpointing\",\"it/hooks\",\"it/plugins-reference\"]}]},{\"tab\":\"Risorse\",\"groups\":[{\"group\":\"Risorse\",\"pages\":[\"it/legal-and-compliance\"]}]}]},{\"language\":\"jp\",\"tabs\":[{\"tab\":\"はじめに\",\"groups\":[{\"group\":\"はじめに\",\"pages\":[\"ja/overview\",\"ja/quickstart\",\"ja/changelog\"]},{\"group\":\"コア概念\",\"pages\":[\"ja/how-claude-code-works\",\"ja/features-overview\",\"ja/common-workflows\",\"ja/best-practices\"]},{\"group\":\"プラットフォームと統合\",\"pages\":[\"ja/claude-code-on-the-web\",\"ja/desktop\",\"ja/chrome\",\"ja/vs-code\",\"ja/jetbrains\",\"ja/github-actions\",\"ja/gitlab-ci-cd\",\"ja/slack\"]}]},{\"tab\":\"Claude Code で構築する\",\"groups\":[{\"group\":\"Claude Code で構築する\",\"pages\":[\"ja/sub-agents\",\"ja/agent-teams\",\"ja/plugins\",\"ja/discover-plugins\",\"ja/skills\",\"ja/output-styles\",\"ja/hooks-guide\",\"ja/headless\",\"ja/mcp\",\"ja/troubleshooting\"]}]},{\"tab\":\"デプロイ\",\"groups\":[{\"group\":\"デプロイ\",\"pages\":[\"ja/third-party-integrations\",\"ja/amazon-bedrock\",\"ja/google-vertex-ai\",\"ja/microsoft-foundry\",\"ja/network-config\",\"ja/llm-gateway\",\"ja/devcontainer\"]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[\"ja/setup\",\"ja/authentication\",\"ja/security\",\"ja/server-managed-settings\",\"ja/data-usage\",\"ja/monitoring-usage\",\"ja/costs\",\"ja/analytics\",\"ja/plugin-marketplaces\"]}]},{\"tab\":\"設定\",\"groups\":[{\"group\":\"設定\",\"pages\":[\"ja/settings\",\"ja/permissions\",\"ja/sandboxing\",\"ja/terminal-config\",\"ja/model-config\",\"ja/fast-mode\",\"ja/memory\",\"ja/statusline\",\"ja/keybindings\"]}]},{\"tab\":\"リファレンス\",\"groups\":[{\"group\":\"リファレンス\",\"pages\":[\"ja/cli-reference\",\"ja/interactive-mode\",\"ja/checkpointing\",\"ja/hooks\",\"ja/plugins-reference\"]}]},{\"tab\":\"リソース\",\"groups\":[{\"group\":\"リソース\",\"pages\":[\"ja/legal-and-compliance\"]}]}]},{\"language\":\"es\",\"tabs\":[{\"tab\":\"Primeros pasos\",\"groups\":[{\"group\":\"Primeros pasos\",\"pages\":[\"es/overview\",\"es/quickstart\",\"es/changelog\"]},{\"group\":\"Conceptos fundamentales\",\"pages\":[\"es/how-claude-code-works\",\"es/features-overview\",\"es/common-workflows\",\"es/best-practices\"]},{\"group\":\"Plataformas e integraciones\",\"pages\":[\"es/claude-code-on-the-web\",\"es/desktop\",\"es/chrome\",\"es/vs-code\",\"es/jetbrains\",\"es/github-actions\",\"es/gitlab-ci-cd\",\"es/slack\"]}]},{\"tab\":\"Crear con Claude Code\",\"groups\":[{\"group\":\"Crear con Claude Code\",\"pages\":[\"es/sub-agents\",\"es/agent-teams\",\"es/plugins\",\"es/discover-plugins\",\"es/skills\",\"es/output-styles\",\"es/hooks-guide\",\"es/headless\",\"es/mcp\",\"es/troubleshooting\"]}]},{\"tab\":\"Implementación\",\"groups\":[{\"group\":\"Implementación\",\"pages\":[\"es/third-party-integrations\",\"es/amazon-bedrock\",\"es/google-vertex-ai\",\"es/microsoft-foundry\",\"es/network-config\",\"es/llm-gateway\",\"es/devcontainer\"]}]},{\"tab\":\"Administración\",\"groups\":[{\"group\":\"Administración\",\"pages\":[\"es/setup\",\"es/authentication\",\"es/security\",\"es/server-managed-settings\",\"es/data-usage\",\"es/monitoring-usage\",\"es/costs\",\"es/analytics\",\"es/plugin-marketplaces\"]}]},{\"tab\":\"Configuración\",\"groups\":[{\"group\":\"Configuración\",\"pages\":[\"es/settings\",\"es/permissions\",\"es/sandboxing\",\"es/terminal-config\",\"es/model-config\",\"es/fast-mode\",\"es/memory\",\"es/statusline\",\"es/keybindings\"]}]},{\"tab\":\"Referencia\",\"groups\":[{\"group\":\"Referencia\",\"pages\":[\"es/cli-reference\",\"es/interactive-mode\",\"es/checkpointing\",\"es/hooks\",\"es/plugins-reference\"]}]},{\"tab\":\"Recursos\",\"groups\":[{\"group\":\"Recursos\",\"pages\":[\"es/legal-and-compliance\"]}]}]},{\"language\":\"ko\",\"tabs\":[{\"tab\":\"시작하기\",\"groups\":[{\"group\":\"시작하기\",\"pages\":[\"ko/overview\",\"ko/quickstart\",\"ko/changelog\"]},{\"group\":\"핵심 개념\",\"pages\":[\"ko/how-claude-code-works\",\"ko/features-overview\",\"ko/common-workflows\",\"ko/best-practices\"]},{\"group\":\"플랫폼 및 통합\",\"pages\":[\"ko/claude-code-on-the-web\",\"ko/desktop\",\"ko/chrome\",\"ko/vs-code\",\"ko/jetbrains\",\"ko/github-actions\",\"ko/gitlab-ci-cd\",\"ko/slack\"]}]},{\"tab\":\"Claude Code로 빌드하기\",\"groups\":[{\"group\":\"Claude Code로 빌드하기\",\"pages\":[\"ko/sub-agents\",\"ko/agent-teams\",\"ko/plugins\",\"ko/discover-plugins\",\"ko/skills\",\"ko/output-styles\",\"ko/hooks-guide\",\"ko/headless\",\"ko/mcp\",\"ko/troubleshooting\"]}]},{\"tab\":\"배포\",\"groups\":[{\"group\":\"배포\",\"pages\":[\"ko/third-party-integrations\",\"ko/amazon-bedrock\",\"ko/google-vertex-ai\",\"ko/microsoft-foundry\",\"ko/network-config\",\"ko/llm-gateway\",\"ko/devcontainer\"]}]},{\"tab\":\"관리\",\"groups\":[{\"group\":\"관리\",\"pages\":[\"ko/setup\",\"ko/authentication\",\"ko/security\",\"ko/server-managed-settings\",\"ko/data-usage\",\"ko/monitoring-usage\",\"ko/costs\",\"ko/analytics\",\"ko/plugin-marketplaces\"]}]},{\"tab\":\"구성\",\"groups\":[{\"group\":\"구성\",\"pages\":[\"ko/settings\",\"ko/permissions\",\"ko/sandboxing\",\"ko/terminal-config\",\"ko/model-config\",\"ko/fast-mode\",\"ko/memory\",\"ko/statusline\",\"ko/keybindings\"]}]},{\"tab\":\"참고\",\"groups\":[{\"group\":\"참고\",\"pages\":[\"ko/cli-reference\",\"ko/interactive-mode\",\"ko/checkpointing\",\"ko/hooks\",\"ko/plugins-reference\"]}]},{\"tab\":\"리소스\",\"groups\":[{\"group\":\"리소스\",\"pages\":[\"ko/legal-and-compliance\"]}]}]},{\"language\":\"cn\",\"tabs\":[{\"tab\":\"快速开始\",\"groups\":[{\"group\":\"快速开始\",\"pages\":[\"zh-CN/overview\",\"zh-CN/quickstart\",\"zh-CN/changelog\"]},{\"group\":\"核心概念\",\"pages\":[\"zh-CN/how-claude-code-works\",\"zh-CN/features-overview\",\"zh-CN/common-workflows\",\"zh-CN/best-practices\"]},{\"group\":\"平台和集成\",\"pages\":[\"zh-CN/claude-code-on-the-web\",\"zh-CN/desktop\",\"zh-CN/chrome\",\"zh-CN/vs-code\",\"zh-CN/jetbrains\",\"zh-CN/github-actions\",\"zh-CN/gitlab-ci-cd\",\"zh-CN/slack\"]}]},{\"tab\":\"使用 Claude Code 构建\",\"groups\":[{\"group\":\"使用 Claude Code 构建\",\"pages\":[\"zh-CN/sub-agents\",\"zh-CN/agent-teams\",\"zh-CN/plugins\",\"zh-CN/discover-plugins\",\"zh-CN/skills\",\"zh-CN/output-styles\",\"zh-CN/hooks-guide\",\"zh-CN/headless\",\"zh-CN/mcp\",\"zh-CN/troubleshooting\"]}]},{\"tab\":\"部署\",\"groups\":[{\"group\":\"部署\",\"pages\":[\"zh-CN/third-party-integrations\",\"zh-CN/amazon-bedrock\",\"zh-CN/google-vertex-ai\",\"zh-CN/microsoft-foundry\",\"zh-CN/network-config\",\"zh-CN/llm-gateway\",\"zh-CN/devcontainer\"]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[\"zh-CN/setup\",\"zh-CN/authentication\",\"zh-CN/security\",\"zh-CN/server-managed-settings\",\"zh-CN/data-usage\",\"zh-CN/monitoring-usage\",\"zh-CN/costs\",\"zh-CN/analytics\",\"zh-CN/plugin-marketplaces\"]}]},{\"tab\":\"配置\",\"groups\":[{\"group\":\"配置\",\"pages\":[\"zh-CN/settings\",\"zh-CN/permissions\",\"zh-CN/sandboxing\",\"zh-CN/terminal-config\",\"zh-CN/model-config\",\"zh-CN/fast-mode\",\"zh-CN/memory\",\"zh-CN/statusline\",\"zh-CN/keybindings\"]}]},{\"tab\":\"参考\",\"groups\":[{\"group\":\"参考\",\"pages\":[\"zh-CN/cli-reference\",\"zh-CN/interactive-mode\",\"zh-CN/checkpointing\",\"zh-CN/hooks\",\"zh-CN/plugins-reference\"]}]},{\"tab\":\"资源\",\"groups\":[{\"group\":\"资源\",\"pages\":[\"zh-CN/legal-and-compliance\"]}]}]},{\"language\":\"zh-Hant\",\"tabs\":[{\"tab\":\"開始使用\",\"groups\":[{\"group\":\"開始使用\",\"pages\":[\"zh-TW/overview\",\"zh-TW/quickstart\",\"zh-TW/changelog\"]},{\"group\":\"核心概念\",\"pages\":[\"zh-TW/how-claude-code-works\",\"zh-TW/features-overview\",\"zh-TW/common-workflows\",\"zh-TW/best-practices\"]},{\"group\":\"平台和整合\",\"pages\":[\"zh-TW/claude-code-on-the-web\",\"zh-TW/desktop\",\"zh-TW/chrome\",\"zh-TW/vs-code\",\"zh-TW/jetbrains\",\"zh-TW/github-actions\",\"zh-TW/gitlab-ci-cd\",\"zh-TW/slack\"]}]},{\"tab\":\"使用 Claude Code 建構\",\"groups\":[{\"group\":\"使用 Claude Code 建構\",\"pages\":[\"zh-TW/sub-agents\",\"zh-TW/agent-teams\",\"zh-TW/plugins\",\"zh-TW/discover-plugins\",\"zh-TW/skills\",\"zh-TW/output-styles\",\"zh-TW/hooks-guide\",\"zh-TW/headless\",\"zh-TW/mcp\",\"zh-TW/troubleshooting\"]}]},{\"tab\":\"部署\",\"groups\":[{\"group\":\"部署\",\"pages\":[\"zh-TW/third-party-integrations\",\"zh-TW/amazon-bedrock\",\"zh-TW/google-vertex-ai\",\"zh-TW/microsoft-foundry\",\"zh-TW/network-config\",\"zh-TW/llm-gateway\",\"zh-TW/devcontainer\"]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[\"zh-TW/setup\",\"zh-TW/authentication\",\"zh-TW/security\",\"zh-TW/server-managed-settings\",\"zh-TW/data-usage\",\"zh-TW/monitoring-usage\",\"zh-TW/costs\",\"zh-TW/analytics\",\"zh-TW/plugin-marketplaces\"]}]},{\"tab\":\"設定\",\"groups\":[{\"group\":\"設定\",\"pages\":[\"zh-TW/settings\",\"zh-TW/permissions\",\"zh-TW/sandboxing\",\"zh-TW/terminal-config\",\"zh-TW/model-config\",\"zh-TW/fast-mode\",\"zh-TW/memory\",\"zh-TW/statusline\",\"zh-TW/keybindings\"]}]},{\"tab\":\"參考資料\",\"groups\":[{\"group\":\"參考資料\",\"pages\":[\"zh-TW/cli-reference\",\"zh-TW/interactive-mode\",\"zh-TW/checkpointing\",\"zh-TW/hooks\",\"zh-TW/plugins-reference\"]}]},{\"tab\":\"資源\",\"groups\":[{\"group\":\"資源\",\"pages\":[\"zh-TW/legal-and-compliance\"]}]}]},{\"language\":\"ru\",\"tabs\":[{\"tab\":\"Начало работы\",\"groups\":[{\"group\":\"Начало работы\",\"pages\":[\"ru/overview\",\"ru/quickstart\",\"ru/changelog\"]},{\"group\":\"Основные концепции\",\"pages\":[\"ru/how-claude-code-works\",\"ru/features-overview\",\"ru/common-workflows\",\"ru/best-practices\"]},{\"group\":\"Платформы и интеграции\",\"pages\":[\"ru/claude-code-on-the-web\",\"ru/desktop\",\"ru/chrome\",\"ru/vs-code\",\"ru/jetbrains\",\"ru/github-actions\",\"ru/gitlab-ci-cd\",\"ru/slack\"]}]},{\"tab\":\"Разработка с Claude Code\",\"groups\":[{\"group\":\"Разработка с Claude Code\",\"pages\":[\"ru/sub-agents\",\"ru/agent-teams\",\"ru/plugins\",\"ru/discover-plugins\",\"ru/skills\",\"ru/output-styles\",\"ru/hooks-guide\",\"ru/headless\",\"ru/mcp\",\"ru/troubleshooting\"]}]},{\"tab\":\"Развертывание\",\"groups\":[{\"group\":\"Развертывание\",\"pages\":[\"ru/third-party-integrations\",\"ru/amazon-bedrock\",\"ru/google-vertex-ai\",\"ru/microsoft-foundry\",\"ru/network-config\",\"ru/llm-gateway\",\"ru/devcontainer\"]}]},{\"tab\":\"Администрирование\",\"groups\":[{\"group\":\"Администрирование\",\"pages\":[\"ru/setup\",\"ru/authentication\",\"ru/security\",\"ru/server-managed-settings\",\"ru/data-usage\",\"ru/monitoring-usage\",\"ru/costs\",\"ru/analytics\",\"ru/plugin-marketplaces\"]}]},{\"tab\":\"Конфигурация\",\"groups\":[{\"group\":\"Конфигурация\",\"pages\":[\"ru/settings\",\"ru/permissions\",\"ru/sandboxing\",\"ru/terminal-config\",\"ru/model-config\",\"ru/fast-mode\",\"ru/memory\",\"ru/statusline\",\"ru/keybindings\"]}]},{\"tab\":\"Справочник\",\"groups\":[{\"group\":\"Справочник\",\"pages\":[\"ru/cli-reference\",\"ru/interactive-mode\",\"ru/checkpointing\",\"ru/hooks\",\"ru/plugins-reference\"]}]},{\"tab\":\"Ресурсы\",\"groups\":[{\"group\":\"Ресурсы\",\"pages\":[\"ru/legal-and-compliance\"]}]}]},{\"language\":\"id\",\"tabs\":[{\"tab\":\"Memulai\",\"groups\":[{\"group\":\"Memulai\",\"pages\":[\"id/overview\",\"id/quickstart\",\"id/changelog\"]},{\"group\":\"Konsep Inti\",\"pages\":[\"id/how-claude-code-works\",\"id/features-overview\",\"id/common-workflows\",\"id/best-practices\"]},{\"group\":\"Platform dan integrasi\",\"pages\":[\"id/claude-code-on-the-web\",\"id/desktop\",\"id/chrome\",\"id/vs-code\",\"id/jetbrains\",\"id/github-actions\",\"id/gitlab-ci-cd\",\"id/slack\"]}]},{\"tab\":\"Bangun dengan Claude Code\",\"groups\":[{\"group\":\"Bangun dengan Claude Code\",\"pages\":[\"id/sub-agents\",\"id/agent-teams\",\"id/plugins\",\"id/discover-plugins\",\"id/skills\",\"id/output-styles\",\"id/hooks-guide\",\"id/headless\",\"id/mcp\",\"id/troubleshooting\"]}]},{\"tab\":\"Penerapan\",\"groups\":[{\"group\":\"Penerapan\",\"pages\":[\"id/third-party-integrations\",\"id/amazon-bedrock\",\"id/google-vertex-ai\",\"id/microsoft-foundry\",\"id/network-config\",\"id/llm-gateway\",\"id/devcontainer\"]}]},{\"tab\":\"Administrasi\",\"groups\":[{\"group\":\"Administrasi\",\"pages\":[\"id/setup\",\"id/authentication\",\"id/security\",\"id/server-managed-settings\",\"id/data-usage\",\"id/monitoring-usage\",\"id/costs\",\"id/analytics\",\"id/plugin-marketplaces\"]}]},{\"tab\":\"Konfigurasi\",\"groups\":[{\"group\":\"Konfigurasi\",\"pages\":[\"id/settings\",\"id/permissions\",\"id/sandboxing\",\"id/terminal-config\",\"id/model-config\",\"id/fast-mode\",\"id/memory\",\"id/statusline\",\"id/keybindings\"]}]},{\"tab\":\"Referensi\",\"groups\":[{\"group\":\"Referensi\",\"pages\":[\"id/cli-reference\",\"id/interactive-mode\",\"id/checkpointing\",\"id/hooks\",\"id/plugins-reference\"]}]},{\"tab\":\"Sumber Daya\",\"groups\":[{\"group\":\"Sumber Daya\",\"pages\":[\"id/legal-and-compliance\"]}]}]},{\"language\":\"pt-BR\",\"tabs\":[{\"tab\":\"Primeiros passos\",\"groups\":[{\"group\":\"Primeiros passos\",\"pages\":[\"pt/overview\",\"pt/quickstart\",\"pt/changelog\"]},{\"group\":\"Conceitos principais\",\"pages\":[\"pt/how-claude-code-works\",\"pt/features-overview\",\"pt/common-workflows\",\"pt/best-practices\"]},{\"group\":\"Plataformas e integrações\",\"pages\":[\"pt/claude-code-on-the-web\",\"pt/desktop\",\"pt/chrome\",\"pt/vs-code\",\"pt/jetbrains\",\"pt/github-actions\",\"pt/gitlab-ci-cd\",\"pt/slack\"]}]},{\"tab\":\"Construir com Claude Code\",\"groups\":[{\"group\":\"Construir com Claude Code\",\"pages\":[\"pt/sub-agents\",\"pt/agent-teams\",\"pt/plugins\",\"pt/discover-plugins\",\"pt/skills\",\"pt/output-styles\",\"pt/hooks-guide\",\"pt/headless\",\"pt/mcp\",\"pt/troubleshooting\"]}]},{\"tab\":\"Implantação\",\"groups\":[{\"group\":\"Implantação\",\"pages\":[\"pt/third-party-integrations\",\"pt/amazon-bedrock\",\"pt/google-vertex-ai\",\"pt/microsoft-foundry\",\"pt/network-config\",\"pt/llm-gateway\",\"pt/devcontainer\"]}]},{\"tab\":\"Administração\",\"groups\":[{\"group\":\"Administração\",\"pages\":[\"pt/setup\",\"pt/authentication\",\"pt/security\",\"pt/server-managed-settings\",\"pt/data-usage\",\"pt/monitoring-usage\",\"pt/costs\",\"pt/analytics\",\"pt/plugin-marketplaces\"]}]},{\"tab\":\"Configuração\",\"groups\":[{\"group\":\"Configuração\",\"pages\":[\"pt/settings\",\"pt/permissions\",\"pt/sandboxing\",\"pt/terminal-config\",\"pt/model-config\",\"pt/fast-mode\",\"pt/memory\",\"pt/statusline\",\"pt/keybindings\"]}]},{\"tab\":\"Referência\",\"groups\":[{\"group\":\"Referência\",\"pages\":[\"pt/cli-reference\",\"pt/interactive-mode\",\"pt/checkpointing\",\"pt/hooks\",\"pt/plugins-reference\"]}]},{\"tab\":\"Recursos\",\"groups\":[{\"group\":\"Recursos\",\"pages\":[\"pt/legal-and-compliance\"]}]}]}]},\"footer\":{\"socials\":{\"x\":\"https://x.com/AnthropicAI\",\"linkedin\":\"https://www.linkedin.com/company/anthropicresearch\"},\"links\":[{\"header\":\"Company\",\"items\":[{\"label\":\"Anthropic\",\"href\":\"https://www.anthropic.com/company\"},{\"label\":\"Careers\",\"href\":\"https://www.anthropic.com/careers\"},{\"label\":\"Economic Futures\",\"href\":\"https://www.anthropic.com/economic-futures\"},{\"label\":\"Research\",\"href\":\"https://www.anthropic.com/research\"},{\"label\":\"News\",\"href\":\"https://www.anthropic.com/news\"},{\"label\":\"Trust center\",\"href\":\"https://trust.anthropic.com/\"},{\"label\":\"Transparency\",\"href\":\"https://www.anthropic.com/transparency\"}]},{\"header\":\"Help and security\",\"items\":[{\"label\":\"Availability\",\"href\":\"https://www.anthropic.com/supported-countries\"},{\"label\":\"Status\",\"href\":\"https://status.anthropic.com/\"},{\"label\":\"Support center\",\"href\":\"https://support.claude.com/\"}]},{\"header\":\"Learn\",\"items\":[{\"label\":\"Courses\",\"href\":\"https://www.anthropic.com/learn\"},{\"label\":\"MCP connectors\",\"href\":\"https://claude.com/partners/mcp\"},{\"label\":\"Customer stories\",\"href\":\"https://www.claude.com/customers\"},{\"label\":\"Engineering blog\",\"href\":\"https://www.anthropic.com/engineering\"},{\"label\":\"Events\",\"href\":\"https://www.anthropic.com/events\"},{\"label\":\"Powered by Claude\",\"href\":\"https://claude.com/partners/powered-by-claude\"},{\"label\":\"Service partners\",\"href\":\"https://claude.com/partners/services\"},{\"label\":\"Startups program\",\"href\":\"https://claude.com/programs/startups\"}]},{\"header\":\"Terms and policies\",\"items\":[{\"label\":\"Privacy policy\",\"href\":\"https://www.anthropic.com/legal/privacy\"},{\"label\":\"Disclosure policy\",\"href\":\"https://www.anthropic.com/responsible-disclosure-policy\"},{\"label\":\"Usage policy\",\"href\":\"https://www.anthropic.com/legal/aup\"},{\"label\":\"Commercial terms\",\"href\":\"https://www.anthropic.com/legal/commercial-terms\"},{\"label\":\"Consumer terms\",\"href\":\"https://www.anthropic.com/legal/consumer-terms\"}]}]},\"seo\":{\"metatags\":{\"canonical\":\"https://code.claude.com/docs\"}},\"fonts\":{\"family\":\"Anthropic Sans\"},\"redirects\":[{\"source\":\"/en/iam\",\"destination\":\"/en/authentication\",\"permanent\":true},{\"source\":\"/en/cli-usage\",\"destination\":\"/en/cli-reference\",\"permanent\":true},{\"source\":\"/en/ide-integrations\",\"destination\":\"/en/vs-code\",\"permanent\":true},{\"source\":\"/en/tutorials\",\"destination\":\"/en/common-workflows\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/tutorials\",\"destination\":\"/en/common-workflows\",\"permanent\":true},{\"source\":\"/en/team\",\"destination\":\"/en/authentication\",\"permanent\":true},{\"source\":\"/en/corporate-proxy\",\"destination\":\"/en/network-config\",\"permanent\":true},{\"source\":\"/en/sdk/sdk-headless\",\"destination\":\"/en/headless\",\"permanent\":true},{\"source\":\"/s/claude-code-github-actions\",\"destination\":\"/en/github-actions\",\"permanent\":false},{\"source\":\"/s/claude-code-ide-integrations\",\"destination\":\"/en/ide-integrations\",\"permanent\":false},{\"source\":\"/s/claude-code-worktrees\",\"destination\":\"/en/common-workflows#run-parallel-claude-code-sessions-with-git-worktrees\",\"permanent\":false},{\"source\":\"/s/claude-code-troubleshooting\",\"destination\":\"/en/troubleshooting\",\"permanent\":false},{\"source\":\"/s/claude-code-auto-updater\",\"destination\":\"/en/settings#auto-updater-permission-options\",\"permanent\":false},{\"source\":\"/s/claude-code-mcp\",\"destination\":\"/en/mcp\",\"permanent\":false},{\"source\":\"/s/claude-code-cost\",\"destination\":\"/en/costs\",\"permanent\":false},{\"source\":\"/s/claude-code\",\"destination\":\"/en/overview\",\"permanent\":false},{\"source\":\"/s/claude-code-security\",\"destination\":\"/en/security\",\"permanent\":false},{\"source\":\"/en/agents-and-tools/claude-code/overview\",\"destination\":\"/en/overview\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/common-workflows\",\"destination\":\"/en/common-workflows\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/troubleshooting\",\"destination\":\"/en/troubleshooting\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/overview#notification-setup\",\"destination\":\"/en/setup#notification-setup\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/bedrock-vertex\",\"destination\":\"/en/third-party-integrations\",\"permanent\":true},{\"source\":\"/en/bedrock-vertex\",\"destination\":\"/en/third-party-integrations\",\"permanent\":true},{\"source\":\"/s/claude-code-enterprise-setup\",\"destination\":\"/en/third-party-integrations\",\"permanent\":false},{\"source\":\"/en/bedrock-vertex-proxies\",\"destination\":\"/en/third-party-integrations\",\"permanent\":true},{\"source\":\"/en/getting-started\",\"destination\":\"/en/setup\",\"permanent\":true},{\"source\":\"/en/subagents\",\"destination\":\"/en/sub-agents\",\"permanent\":true},{\"source\":\"/en/azure-ai-foundry\",\"destination\":\"/en/microsoft-foundry\",\"permanent\":true},{\"source\":\"/en/sdk/migration-guide\",\"destination\":\"https://platform.claude.com/docs/en/agent-sdk/migration-guide\",\"permanent\":true},{\"source\":\"/en/slash-commands\",\"destination\":\"/en/skills\",\"permanent\":true}],\"contextual\":{\"options\":[\"copy\",\"view\",\"claude\"],\"display\":\"header\"},\"styling\":{\"latex\":true}},\"mdxExtracts\":\"$1a:props:children:props:value:mdxExtracts\",\"apiReferenceData2\":\"$undefined\",\"children\":\"$L30\"}]}]}]\n"])</script><script>self.__next_f.push([1,"31:I[36505,[],\"IconMark\"]\n"])</script><script>self.__next_f.push([1,"32:I[97870,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"TabSyncContextProvider\"]\n"])</script><script>self.__next_f.push([1,"33:I[45165,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"\"]\n"])</script><script>self.__next_f.push([1,"34:I[42080,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"FooterAndSidebarScrollScript\",1]\n"])</script><script>self.__next_f.push([1,"35:I[91153,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"Background\",1]\n"])</script><script>self.__next_f.push([1,"23:[\"$\",\"meta\",\"23\",{\"name\":\"twitter:image:width\",\"content\":\"1200\"}]\n24:[\"$\",\"meta\",\"24\",{\"name\":\"twitter:image:height\",\"content\":\"630\"}]\n25:[\"$\",\"link\",\"25\",{\"rel\":\"apple-touch-icon\",\"href\":\"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/apple-touch-icon.png\",\"type\":\"image/png\",\"sizes\":\"180x180\",\"media\":\"$undefined\"}]\n26:[\"$\",\"link\",\"26\",{\"rel\":\"icon\",\"href\":\"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/favicon-16x16.png\",\"type\":\"image/png\",\"sizes\":\"16x16\",\"media\":\"(prefers-color-scheme: light)\"}]\n27:[\"$\",\"link\",\"27\",{\"rel\":\"icon\",\"href\":\"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/favicon-32x32.png\",\"type\":\"image/png\",\"sizes\":\"32x32\",\"media\":\"(prefers-color-scheme: light)\"}]\n28:[\"$\",\"link\",\"28\",{\"rel\":\"shortcut icon\",\"href\":\"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"$undefined\",\"media\":\"(prefers-color-scheme: light)\"}]\n29:[\"$\",\"link\",\"29\",{\"rel\":\"icon\",\"href\":\"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon-dark/favicon-16x16.png\",\"type\":\"image/png\",\"sizes\":\"16x16\",\"media\":\"(prefers-color-scheme: dark)\"}]\n2a:[\"$\",\"link\",\"30\",{\"rel\":\"icon\",\"href\":\"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon-dark/favicon-32x32.png\",\"type\":\"image/png\",\"sizes\":\"32x32\",\"media\":\"(prefers-color-scheme: dark)\"}]\n2b:[\"$\",\"link\",\"31\",{\"rel\":\"shortcut icon\",\"href\":\"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon-dark/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"$undefined\",\"media\":\"(prefers-color-scheme: dark)\"}]\n2c:[\"$\",\"$L31\",\"32\",{}]\n36:T1126,"])</script><script>self.__next_f.push([1,"\n/* These styles mirror our design system (converted to plain CSS with Claude's help) from https://ui.product.ant.dev/button */\n\n/* Base button styles */\n.btn {\n position: relative;\n display: inline-flex;\n gap: 0.5rem;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n min-width: 5rem;\n height: 2.25rem;\n padding: 0.5rem 1rem;\n white-space: nowrap;\n font-family: Styrene;\n font-weight: 600;\n border-radius: 0.5rem;\n \u0026:active {\n transform: scale(0.985);\n }\n\n /* Size variants */\n \u0026.size-xs {\n height: 1.75rem;\n min-width: 3.5rem;\n padding: 0 0.5rem;\n border-radius: 0.25rem;\n font-size: 0.75rem;\n gap: 0.25rem;\n }\n \n \u0026.size-sm {\n height: 2rem;\n min-width: 4rem;\n padding: 0 0.75rem;\n border-radius: 0.375rem;\n font-size: 0.75rem;\n }\n\n \u0026.size-lg {\n height: 2.75rem;\n min-width: 6rem;\n padding: 0 1.25rem;\n border-radius: 0.6rem;\n }\n\n \u0026:disabled {\n pointer-events: none;\n opacity: 0.5;\n box-shadow: none;\n }\n\n \u0026:focus-visible {\n outline: none;\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow);\n }\n\n /* Primary variant */\n \u0026.primary {\n font-weight: 600;\n color: hsl(var(--oncolor-100));\n background-color: hsl(var(--accent-main-100));\n background-image: linear-gradient(\n to right,\n hsl(var(--accent-main-100)) 0%,\n hsl(var(--accent-main-200) / 0.5) 50%,\n hsl(var(--accent-main-200)) 100%\n );\n background-size: 200% 100%;\n background-position: 0% 0%;\n border: 0.5px solid hsl(var(--border-300) / 0.25);\n box-shadow: \n inset 0 0.5px 0px rgba(255, 255, 0, 0.15),\n 0 1px 1px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px 2px rgb(0 0 0 / 10%);\n transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n\n \u0026:hover {\n background-position: 100% 0%;\n background-image: linear-gradient(\n to right,\n hsl(var(--accent-main-200)) 0%,\n hsl(var(--accent-main-200)) 100%\n );\n }\n\n \u0026:active {\n background-color: hsl(var(--accent-main-000));\n box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.2);\n transform: scale(0.985);\n }\n }\n\n /* Flat variant */\n \u0026.flat {\n font-weight: 500;\n color: hsl(var(--oncolor-100));\n background-color: hsl(var(--accent-main-100));\n transition: background-color 150ms;\n\n \u0026:hover {\n background-color: hsl(var(--accent-main-200));\n }\n }\n\n /* Secondary variant */\n \u0026.secondary {\n font-weight: 600;\n color: hsl(var(--text-100) / 0.9);\n background-image: radial-gradient(\n ellipse at center,\n hsl(var(--bg-500) / 0.1) 50%,\n hsl(var(--bg-500) / 0.3) 100%\n );\n border: 0.5px solid hsl(var(--border-400));\n transition: color 150ms, background-color 150ms;\n\n \u0026:hover {\n color: hsl(var(--text-000));\n background-color: hsl(var(--bg-500) / 0.6);\n }\n\n \u0026:active {\n background-color: hsl(var(--bg-500) / 0.5);\n }\n }\n\n /* Outline variant */\n \u0026.outline {\n font-weight: 600;\n color: hsl(var(--text-200));\n background-color: transparent;\n border: 1.5px solid currentColor;\n transition: color 150ms, background-color 150ms;\n\n \u0026:hover {\n color: hsl(var(--text-100));\n background-color: hsl(var(--bg-400));\n border-color: hsl(var(--bg-400));\n }\n }\n\n /* Ghost variant */\n \u0026.ghost {\n color: hsl(var(--text-200));\n border-color: transparent;\n transition: color 150ms, background-color 150ms;\n\n \u0026:hover {\n color: hsl(var(--text-100));\n background-color: hsl(var(--bg-500) / 0.4);\n }\n\n \u0026:active {\n background-color: hsl(var(--bg-400));\n }\n }\n\n /* Underline variant */\n \u0026.underline {\n opacity: 0.8;\n text-decoration-line: none;\n text-underline-offset: 3px;\n transition: all 150ms;\n\n \u0026:hover {\n opacity: 1;\n text-decoration-line: underline;\n }\n\n \u0026:active {\n transform: scale(0.985);\n }\n }\n\n /* Danger variant */\n \u0026.danger {\n font-weight: 600;\n color: hsl(var(--oncolor-100));\n background-color: hsl(var(--danger-100));\n transition: background-color 150ms;\n\n \u0026:hover {\n background-color: hsl(var(--danger-200));\n }\n }\n}\n"])</script><script>self.__next_f.push([1,"30:[\"$\",\"$L32\",null,{\"children\":[[\"$\",\"$L33\",null,{\"id\":\"_mintlify-page-mode-script\",\"strategy\":\"beforeInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"document.documentElement.setAttribute('data-page-mode', 'none');\"}}],[\"$\",\"$L34\",null,{\"theme\":\"mint\"}],[\"$\",\"$L35\",null,{\"docsConfig\":\"$1a:props:children:props:children:props:docsConfig\",\"pageMetadata\":\"$1a:props:children:props:value:pageMetadata\"}],[[\"$\",\"style\",\"0\",{\"data-custom-css-index\":0,\"data-custom-css-path\":\"button.css\",\"dangerouslySetInnerHTML\":{\"__html\":\"$36\"}}],\"$L37\"],\"$L38\",\"$L39\"]}]\n"])</script><script>self.__next_f.push([1,"3b:I[14162,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"CustomJsFiles\"]\n"])</script><script>self.__next_f.push([1,"3d:I[70715,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"MDXContentController\",1]\n"])</script><script>self.__next_f.push([1,"3e:I[59646,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"default\",1]\n"])</script><script>self.__next_f.push([1,"3a:T4521,"])</script><script>self.__next_f.push([1,"/* Anthropic Sans - Static fonts from assets.claude.ai */\n@font-face {\n font-family: \"Anthropic Sans\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSans-Text-Regular-Static.otf\") format(\"opentype\");\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Sans\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSans-Text-RegularItalic-Static.otf\") format(\"opentype\");\n font-weight: 400;\n font-style: italic;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Sans\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSans-Text-Medium-Static.otf\") format(\"opentype\");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Sans\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSans-Text-MediumItalic-Static.otf\") format(\"opentype\");\n font-weight: 500;\n font-style: italic;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Sans\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSans-Text-Semibold-Static.otf\") format(\"opentype\");\n font-weight: 600;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Sans\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSans-Text-SemiboldItalic-Static.otf\") format(\"opentype\");\n font-weight: 600;\n font-style: italic;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Sans\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSans-Text-Bold-Static.otf\") format(\"opentype\");\n font-weight: 700;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Sans\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSans-Text-BoldItalic-Static.otf\") format(\"opentype\");\n font-weight: 700;\n font-style: italic;\n font-display: swap;\n}\n\n/* Anthropic Serif Display - for headlines */\n@font-face {\n font-family: \"Anthropic Serif Display\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Display-Regular-Static.otf\") format(\"opentype\");\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif Display\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Display-RegularItalic-Static.otf\") format(\"opentype\");\n font-weight: 400;\n font-style: italic;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif Display\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Display-Medium-Static.otf\") format(\"opentype\");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif Display\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Display-Semibold-Static.otf\") format(\"opentype\");\n font-weight: 600;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif Display\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Display-Bold-Static.otf\") format(\"opentype\");\n font-weight: 700;\n font-style: normal;\n font-display: swap;\n}\n\n/* Anthropic Serif - Static fonts from assets.claude.ai */\n@font-face {\n font-family: \"Anthropic Serif\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Text-Regular-Static.otf\") format(\"opentype\");\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Text-RegularItalic-Static.otf\") format(\"opentype\");\n font-weight: 400;\n font-style: italic;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Text-Medium-Static.otf\") format(\"opentype\");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Text-MediumItalic-Static.otf\") format(\"opentype\");\n font-weight: 500;\n font-style: italic;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Text-Semibold-Static.otf\") format(\"opentype\");\n font-weight: 600;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Text-SemiboldItalic-Static.otf\") format(\"opentype\");\n font-weight: 600;\n font-style: italic;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Text-Bold-Static.otf\") format(\"opentype\");\n font-weight: 700;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Text-BoldItalic-Static.otf\") format(\"opentype\");\n font-weight: 700;\n font-style: italic;\n font-display: swap;\n}\n\n/* Color variables copied from https://github.com/anthropics/apps/blob/main/packages/ui/themes/generated/theme-colors.css */\n:root {\n --always-white: 0 0% 100%;\n --always-black: 0 0% 0%;\n --constant-book-cloth: 15 55% 80%;\n --constant-clay: 15 60% 85%;\n --constant-kraft: 25 40% 83%;\n --constant-manilla: 40 20% 92%;\n --constant-slate-000: 0 0% 100%;\n --constant-slate-050: 48 33.3% 97.1%;\n --constant-slate-100: 53 28.6% 94.5%;\n --constant-slate-150: 48 25% 92.2%;\n --constant-slate-200: 50 20.7% 88.6%;\n --constant-slate-250: 51 16.5% 84.5%;\n --constant-slate-300: 50 11.5% 79.6%;\n --constant-slate-350: 50 9% 73.7%;\n --constant-slate-400: 49 6.5% 66.9%;\n --constant-slate-450: 48 4.8% 59.2%;\n --constant-slate-500: 53 3.2% 51.4%;\n --constant-slate-550: 51 3.1% 43.7%;\n --constant-slate-600: 48 2.7% 35.9%;\n --constant-slate-650: 48 3.4% 29.2%;\n --constant-slate-700: 60 2.5% 23.3%;\n --constant-slate-750: 60 2.1% 18.4%;\n --constant-slate-800: 60 2.7% 14.5%;\n --constant-slate-850: 30 3.3% 11.8%;\n --constant-slate-900: 30 4% 9.8%;\n --constant-slate-950: 60 2.6% 7.6%;\n --constant-slate-1000: 60 3.4% 5.7%;\n}\n\n:root:not(.dark) {\n --accent-brand: 15 63.1% 59.6%;\n --accent-main-000: 15 55.6% 52.4%;\n --accent-main-100: 15 55.6% 52.4%;\n --accent-main-200: 15 63.1% 59.6%;\n --accent-main-900: 0 0% 0%;\n --accent-pro-000: 251 34.2% 33.3%;\n --accent-pro-100: 251 40% 45.1%;\n --accent-pro-200: 251 61% 72.2%;\n --accent-pro-900: 253 33.3% 91.8%;\n --accent-secondary-000: 210 73.7% 40.2%;\n --accent-secondary-100: 210 70.9% 51.6%;\n --accent-secondary-200: 210 70.9% 51.6%;\n --accent-secondary-900: 211 72% 90%;\n --bg-000: 0 0% 100%;\n --bg-100: 48 33.3% 97.1%;\n --bg-200: 53 28.6% 94.5%;\n --bg-300: 48 25% 92.2%;\n --bg-400: 50 20.7% 88.6%;\n --bg-500: 50 20.7% 88.6%;\n --border-100: 30 3.3% 11.8%;\n --border-200: 30 3.3% 11.8%;\n --border-300: 30 3.3% 11.8%;\n --border-400: 30 3.3% 11.8%;\n --danger-000: 0 61.4% 22.4%;\n --danger-100: 0 58.6% 34.1%;\n --danger-200: 0 58.6% 34.1%;\n --danger-900: 0 50% 95%;\n --oncolor-100: 0 0% 100%;\n --oncolor-200: 60 6.7% 97.1%;\n --oncolor-300: 60 6.7% 97.1%;\n --text-000: 60 2.6% 7.6%;\n --text-100: 60 2.6% 7.6%;\n --text-200: 60 2.5% 23.3%;\n --text-300: 60 2.5% 23.3%;\n --text-400: 51 3.1% 43.7%;\n --text-500: 51 3.1% 43.7%;\n}\n\n:root.dark {\n --accent-brand: 15 63.1% 59.6%;\n --accent-main-000: 15 55.6% 52.4%;\n --accent-main-100: 15 63.1% 59.6%;\n --accent-main-200: 15 63.1% 59.6%;\n --accent-main-900: 0 0% 0%;\n --accent-pro-000: 251 84.6% 74.5%;\n --accent-pro-100: 251 40.2% 54.1%;\n --accent-pro-200: 251 40% 45.1%;\n --accent-pro-900: 250 25.3% 19.4%;\n --accent-secondary-000: 210 71.1% 62%;\n --accent-secondary-100: 210 70.9% 51.6%;\n --accent-secondary-200: 210 70.9% 51.6%;\n --accent-secondary-900: 210 55.9% 24.6%;\n --bg-000: 60 2.1% 18.4%;\n --bg-100: 60 2.7% 14.5%;\n --bg-200: 30 3.3% 11.8%;\n --bg-300: 60 2.6% 7.6%;\n --bg-400: 60 3.4% 5.7%;\n --bg-500: 60 3.4% 5.7%;\n --border-100: 51 16.5% 84.5%;\n --border-200: 51 16.5% 84.5%;\n --border-300: 51 16.5% 84.5%;\n --border-400: 51 16.5% 84.5%;\n --danger-000: 0 73.1% 66.5%;\n --danger-100: 0 58.6% 34.1%;\n --danger-200: 0 58.6% 34.1%;\n --danger-900: 0 23% 15.6%;\n --oncolor-100: 0 0% 100%;\n --oncolor-200: 60 6.7% 97.1%;\n --oncolor-300: 60 6.7% 97.1%;\n --text-000: 48 33.3% 97.1%;\n --text-100: 48 33.3% 97.1%;\n --text-200: 50 9% 73.7%;\n --text-300: 50 9% 73.7%;\n --text-400: 48 4.8% 59.2%;\n --text-500: 48 4.8% 59.2%;\n}\n\n#home-header {\n font-family: \"Anthropic Sans\", system-ui, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n font-weight: 400 !important;\n font-size: 50px;\n line-height: 1.2;\n margin-bottom: 1rem;\n color: --text-000;\n display: flex;\n align-items: baseline;\n justify-content: center;\n flex-wrap: nowrap;\n}\n\n#localization-select-trigger \u003e :has(img[src*=\"flags\"]) {\n display: none;\n}\n\ndiv[id^=\"localization-select-item\"] \u003e :has(img[src*=\"flags\"]) {\n display: none;\n}\n\n/* Keep home header centered on all screen sizes */\n@media (min-width: 768px) {\n #home-header {\n justify-content: center;\n }\n}\n\n.build-with {\n font-family: \"Anthropic Sans\", system-ui, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n letter-spacing: -0.02em;\n}\n\n.claude-wordmark-wrapper {\n display: inline-flex;\n align-items: baseline;\n margin-left: 10px; /* Space between \"Build with\" and the wordmark */\n}\n\n.claude-wordmark {\n height: 40px; /* Adjust this value to match your desired size */\n width: auto;\n position: relative;\n}\n\n.dark #home-header {\n color: white;\n}\n\n.description-text {\n color: black;\n}\n\n.dark .description-text {\n color: white;\n}\n\n.dark .claude-wordmark {\n filter: invert(1);\n}\n\n:root {\n --bg-color: #f0efea;\n}\n\n.dark {\n --bg-color: #2b2b2b;\n}\n\nbody,\ninput,\n#category-select,\n.dropdown-item,\n#table-of-contents {\n font-family: \"Anthropic Sans\", system-ui, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n}\n\n.eyebrow {\n font-family: \"Anthropic Sans\", system-ui, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n text-transform: uppercase;\n letter-spacing: 0.02rem;\n}\n\n#content-container {\n font-family: \"Anthropic Sans\", system-ui, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n}\n\n#content-container h1,\n#content-container h2,\n#content-container h3,\n#content-container h4,\n#content-container h5,\n#content-container h6 {\n font-family: \"Anthropic Serif Display\", Georgia, \"Times New Roman\", Times, serif;\n font-weight: 400;\n}\n\n#content-container p {\n font-size: 1rem;\n line-height: 1.65rem;\n}\n\n.font-extrabold {\n font-weight: 600 !important;\n}\n\n.wide-table {\n width: 100%;\n overflow-x: auto;\n}\n\n.wide-table table {\n width: 175%;\n margin-bottom: 0;\n}\n\n/* Prompt Library */\n#prompt-library-container {\n margin: 4rem auto;\n max-width: 48rem;\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\n\n.prompt-library-title {\n font-size: 24px;\n text-align: center;\n font-weight: 700;\n color: #1f2937;\n}\n\n.dark .prompt-library-title {\n color: #e5e7eb;\n}\n\n.prompt-library-description {\n margin-top: 1rem;\n text-align: center;\n}\n\n.main-content {\n margin-bottom: 10rem;\n max-width: 64rem;\n margin-left: auto;\n margin-right: auto;\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\n\n.prompt-controllers {\n display: flex;\n gap: 0.5rem;\n}\n\n.prompt-search-container {\n position: relative;\n flex: 1 1 0%;\n}\n\n.prompt-search-icon-container {\n display: flex;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n align-items: center;\n padding-left: 0.75rem;\n}\n\n.prompt-search-icon {\n margin-left: 0.25rem;\n margin-right: 0.75rem;\n flex: none;\n width: 1rem;\n height: 1rem;\n background-color: #6b7280;\n mask-image: url(https://mintlify.b-cdn.net/v6.5.1/solid/magnifying-glass.svg);\n mask-repeat: no-repeat;\n mask-position: center center;\n}\n\ninput.prompt-search-bar {\n display: block;\n height: 2.5rem;\n padding-left: 2.5rem;\n border-radius: 0.75rem;\n border-width: 1px;\n background-color: #ffffff;\n width: 100%;\n color: #111827;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n}\n\n.dark input.prompt-search-bar {\n color: #ffffff;\n background-color: rgb(var(--background-dark));\n border-color: #d1d5db1a;\n}\n\ninput.prompt-search-bar:focus {\n outline-color: rgb(var(--primary));\n}\n\n.dark input.prompt-search-bar:focus {\n outline-color: rgb(var(--primary-light));\n}\n\n.dark .prompt-search-icon {\n background-color: #ffffff80;\n}\n\n#category-select {\n padding-left: 1rem;\n padding-right: 2.5rem;\n height: 2.5rem;\n display: flex;\n align-items: center;\n border-radius: 0.75rem;\n border-width: 1px;\n color: #111827;\n background-color: #ffffff;\n cursor: pointer;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n white-space: nowrap;\n}\n\n.dark #category-select {\n background-color: rgb(var(--background-dark));\n border-color: #d1d5db1a;\n color: #ffffff;\n}\n\n#category-select:hover {\n background-color: #f9fafb;\n}\n\n.dark #category-select:hover {\n background-color: #ffffff0d;\n}\n\n#category-select:focus {\n outline-color: rgb(var(--primary));\n}\n\n.dark #category-select:focus {\n outline-color: rgb(var(--primary-light));\n}\n\n#categories-dropdown {\n top: calc(100% + 4px);\n padding: 0.5rem 0.5rem;\n display: none;\n position: absolute;\n z-index: 10;\n border-radius: 0.75rem;\n border-width: 1px;\n width: 100%;\n color: #111827;\n background-color: #ffffff;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n}\n\n.dark #categories-dropdown {\n background-color: rgb(var(--background-dark));\n border-color: #d1d5db1a;\n color: #ffffff;\n}\n\n#categories-dropdown-clickout {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 0;\n}\n\n.dropdown-icon-container {\n display: flex;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n align-items: center;\n padding-right: 0.25rem;\n}\n\n.dropdown-icon {\n margin-left: 0.25rem;\n margin-right: 0.75rem;\n flex: none;\n width: 0.75rem;\n height: 0.75rem;\n background-color: #6b7280;\n mask-image: url(https://mintlify.b-cdn.net/v6.5.1/solid/caret-down.svg);\n mask-repeat: no-repeat;\n mask-position: center center;\n}\n\n.dark .dropdown-icon {\n background-color: #ffffff80;\n}\n\n#prompts-container {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n gap: 2rem;\n}\n\n.dropdown-item {\n padding: 0.25rem 0.5rem;\n border-radius: 0.375rem;\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n\n.dropdown-item:hover {\n background-color: #f9fafb;\n}\n\n.dark .dropdown-item:hover {\n background-color: #ffffff0d;\n}\n\n.check-icon {\n mask-image: url(https://mintlify.b-cdn.net/v6.5.1/solid/check.svg);\n height: 0.875rem;\n width: 1rem;\n background-color: rgb(var(--primary-light));\n mask-repeat: no-repeat;\n mask-position: center center;\n}\n\n.prompt-card {\n margin: -0.75rem;\n padding: 0.75rem;\n display: flex;\n border-radius: 1rem;\n}\n\n.prompt-card:hover {\n background-color: #03071208;\n}\n\n.dark .prompt-card:hover {\n background-color: #ffffff08;\n}\n\n.prompt-icon-container {\n display: flex;\n flex: none;\n align-items: center;\n justify-content: center;\n margin-right: 1.5rem;\n border-radius: 0.75rem;\n height: 4rem;\n width: 4rem;\n background-color: #cb785c1a;\n}\n\n.prompt-icon {\n height: 1.5rem;\n width: 1.5rem;\n background-color: rgb(var(--primary-light));\n mask-repeat: no-repeat;\n mask-position: center center;\n}\n\n.prompt-title {\n color: rgb(31 41 55);\n font-weight: 600;\n}\n\n.dark .prompt-title {\n color: rgb(229 231 235);\n}\n\n.prompt-description {\n margin-top: 0.25rem;\n}\n\n#prompts-container {\n display: grid;\n margin-top: 2.5rem;\n}\n\n@media (min-width: 640px) {\n #category-select {\n width: 16rem;\n }\n}\n\n@media (min-width: 1024px) {\n #prompts-container {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n\n/* Home page card styling */\n.home-cards-custom {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n grid-template-rows: repeat(2, auto);\n gap: 1.5rem;\n}\n\n.home-cards-custom .card {\n background: transparent;\n border: 0.5px solid hsl(var(--border-300));\n border-radius: 12px;\n padding: 0.25rem;\n}\n\n/* Responsive: change to 2 columns on tablet, single column on mobile */\n@media (max-width: 1024px) {\n .home-cards-custom {\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(3, auto);\n }\n}\n\n@media (max-width: 768px) {\n .home-cards-custom {\n grid-template-columns: 1fr;\n grid-template-rows: repeat(6, auto);\n }\n}\n\n/* Utility classes */\n.relative {\n position: relative;\n}\n\n.flex-1 {\n flex: 1 1 0%;\n}\n\n/* Mermaid diagram styling with graph paper background using Anthropic brand colors */\n.mermaid {\n position: relative;\n background-color: #FDFDFB; /* Very light version of neutral #F0F0EB */\n background-image:\n linear-gradient(rgba(235, 219, 188, .25) 1px, transparent 1px), /* Secondary color #EBDBBC with low opacity */\n linear-gradient(90deg, rgba(235, 219, 188, .25) 1px, transparent 1px),\n linear-gradient(rgba(235, 219, 188, .1) 1px, transparent 1px),\n linear-gradient(90deg, rgba(235, 219, 188, .1) 1px, transparent 1px);\n background-size:\n 20px 20px,\n 20px 20px,\n 4px 4px,\n 4px 4px;\n background-position:\n -1px -1px,\n -1px -1px,\n -1px -1px,\n -1px -1px;\n padding: 20px;\n border-radius: 8px;\n border: 1px solid rgba(235, 219, 188, .4); /* Secondary color border */\n box-shadow: 0 2px 4px rgba(64, 64, 62, 0.08); /* Subtle shadow using #40403E */\n}\n\n.dark .mermaid {\n background-color: #1a1918; /* Dark version maintaining brand tone */\n background-image:\n linear-gradient(rgba(212, 162, 127, .15) 1px, transparent 1px), /* Tertiary color #D4A27F with low opacity */\n linear-gradient(90deg, rgba(212, 162, 127, .15) 1px, transparent 1px),\n linear-gradient(rgba(212, 162, 127, .08) 1px, transparent 1px),\n linear-gradient(90deg, rgba(212, 162, 127, .08) 1px, transparent 1px);\n border: 1px solid rgba(102, 102, 99, .5); /* Using #666663 from brand */\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n}\n"])</script><script>self.__next_f.push([1,"37:[\"$\",\"style\",\"1\",{\"data-custom-css-index\":1,\"data-custom-css-path\":\"style.css\",\"dangerouslySetInnerHTML\":{\"__html\":\"$3a\"}}]\n3c:T3e78,"])</script><script>self.__next_f.push([1,"#!/usr/bin/env node\n\n/**\n * Script to migrate Claude Code documentation from the main docs repo to claude-code-docs repo\n *\n * This script:\n * 1. Copies all Claude Code MDX files from all languages\n * 2. Copies images and snippets referenced by Claude Code docs\n * 3. Copies other necessary files (favicon, styles)\n * 4. Generates a filtered docs.json with only Claude Code content\n */\n\nconst fs = require(\"fs\");\nconst path = require(\"path\");\nconst { execSync } = require(\"child_process\");\n\nconst args = process.argv.slice(2);\n\nif (args.includes(\"--help\") || args.includes(\"-h\")) {\n console.log(\"Usage: node migrate-claude-code-docs.js [options]\");\n console.log(\"\\nOptions:\");\n console.log(\" --help, -h Show this help message\");\n console.log(\" --dry-run Show what would be copied without actually copying\");\n console.log(\"\\nThis script copies Claude Code docs from ~/code/docs to this repo\");\n process.exit(0);\n}\n\nconst DRY_RUN = args.includes(\"--dry-run\");\n\n// Base directories\nconst DOCS_REPO_DIR = path.resolve(process.env.HOME, \"code/docs\");\nconst TARGET_REPO_DIR = __dirname;\n\n// Counters\nlet fileCount = 0;\nlet imageCount = 0;\n\nfunction log(message) {\n console.log(DRY_RUN ? `[DRY RUN] ${message}` : message);\n}\n\nfunction shouldIgnore(name) {\n const ignoreList = [\n \".git\",\n \".gitignore\",\n \"node_modules\",\n \"mint.json\",\n \"deploy.sh\",\n \"package.json\",\n \"package-lock.json\",\n \"CODEOWNERS\",\n \"CLAUDE.md\",\n \"ruff.toml\",\n \"tox.ini\",\n \"script.js\",\n \".DS_Store\",\n \".pytest_cache\",\n \"__pycache__\",\n ];\n\n return ignoreList.includes(name);\n}\n\n/**\n * Copy Claude Code MDX files from all language directories\n */\nfunction copyClaudeCodeDocs() {\n log(\"\\n\" + \"=\".repeat(60));\n log(\"Copying Claude Code documentation files...\");\n log(\"=\".repeat(60) + \"\\n\");\n\n // Find all language directories\n const entries = fs.readdirSync(DOCS_REPO_DIR, { withFileTypes: true });\n const languageDirs = entries.filter(\n (entry) =\u003e\n entry.isDirectory() \u0026\u0026\n !shouldIgnore(entry.name) \u0026\u0026\n ![\"images\", \"fonts\", \"logo\", \"translate\", \"snippets\", \"scripts\", \"components\", \"prompt-library\", \"style-guide\"].includes(\n entry.name,\n ),\n );\n\n for (const langDir of languageDirs) {\n const langCode = langDir.name;\n log(`Processing language: ${langCode}`);\n\n // Copy docs/claude-code directory\n const docsClaudeCodeSrc = path.join(\n DOCS_REPO_DIR,\n langCode,\n \"docs\",\n \"claude-code\",\n );\n if (fs.existsSync(docsClaudeCodeSrc)) {\n const docsClaudeCodeDest = path.join(\n TARGET_REPO_DIR,\n langCode,\n );\n\n if (!DRY_RUN) {\n fs.mkdirSync(docsClaudeCodeDest, { recursive: true });\n execSync(`cp -R \"${docsClaudeCodeSrc}\"/* \"${docsClaudeCodeDest}\"/`);\n }\n\n const files = fs.readdirSync(docsClaudeCodeSrc);\n const mdxFiles = files.filter((f) =\u003e f.endsWith(\".mdx\"));\n fileCount += mdxFiles.length;\n\n log(\n ` ✓ Copied ${mdxFiles.length} files from docs/claude-code to ${langCode}/`,\n );\n } else {\n log(` - No docs/claude-code directory found for ${langCode}`);\n }\n\n // Copy sdk directory if it exists\n const sdkSrc = path.join(\n DOCS_REPO_DIR,\n langCode,\n \"docs\",\n \"claude-code\",\n \"sdk\",\n );\n if (fs.existsSync(sdkSrc)) {\n const sdkDest = path.join(\n TARGET_REPO_DIR,\n langCode,\n \"sdk\",\n );\n\n if (!DRY_RUN) {\n fs.mkdirSync(sdkDest, { recursive: true });\n execSync(`cp -R \"${sdkSrc}\"/* \"${sdkDest}\"/`);\n }\n\n const files = fs.readdirSync(sdkSrc);\n const mdxFiles = files.filter((f) =\u003e f.endsWith(\".mdx\"));\n\n log(` ✓ Copied ${mdxFiles.length} SDK files to ${langCode}/sdk`);\n }\n }\n\n log(`\\nTotal: Copied ${fileCount} MDX files`);\n}\n\n/**\n * Scan MDX files to find all referenced images\n */\nfunction findReferencedImages() {\n const referencedImages = new Set();\n\n // Find all MDX files we just copied\n const findMdxFiles = (dir) =\u003e {\n const files = [];\n if (!fs.existsSync(dir)) return files;\n\n const entries = fs.readdirSync(dir, { withFileTypes: true });\n for (const entry of entries) {\n const fullPath = path.join(dir, entry.name);\n if (entry.isDirectory()) {\n files.push(...findMdxFiles(fullPath));\n } else if (entry.name.endsWith(\".mdx\")) {\n files.push(fullPath);\n }\n }\n return files;\n };\n\n const mdxFiles = findMdxFiles(TARGET_REPO_DIR);\n\n // Scan each MDX file for image references\n for (const mdxFile of mdxFiles) {\n try {\n const content = fs.readFileSync(mdxFile, \"utf8\");\n // Match /images/filename patterns\n const imageMatches = content.match(/\\/images\\/[^\\s)\"\\]]+/g);\n if (imageMatches) {\n imageMatches.forEach((match) =\u003e {\n // Remove leading slash and extract just the filename\n const imagePath = match.replace(/^\\/images\\//, \"\");\n referencedImages.add(imagePath);\n });\n }\n } catch (error) {\n console.error(`Error reading ${mdxFile}:`, error.message);\n }\n }\n\n return Array.from(referencedImages);\n}\n\n/**\n * Copy only images referenced by Claude Code docs\n */\nfunction copyImages() {\n log(\"\\n\" + \"=\".repeat(60));\n log(\"Copying images...\");\n log(\"=\".repeat(60) + \"\\n\");\n\n const imagesSrc = path.join(DOCS_REPO_DIR, \"images\");\n const imagesDest = path.join(TARGET_REPO_DIR, \"images\");\n\n if (!fs.existsSync(imagesSrc)) {\n log(\"No images directory found.\");\n return;\n }\n\n // Find which images are actually referenced\n const referencedImages = findReferencedImages();\n\n if (referencedImages.length === 0) {\n log(\"No images referenced in Claude Code docs.\");\n return;\n }\n\n if (!DRY_RUN) {\n fs.mkdirSync(imagesDest, { recursive: true });\n }\n\n imageCount = 0;\n for (const imagePath of referencedImages) {\n const srcPath = path.join(imagesSrc, imagePath);\n const destPath = path.join(imagesDest, imagePath);\n\n if (fs.existsSync(srcPath)) {\n if (!DRY_RUN) {\n fs.copyFileSync(srcPath, destPath);\n }\n imageCount++;\n log(` ✓ Copied ${imagePath}`);\n } else {\n log(` ⚠ Image not found: ${imagePath}`);\n }\n }\n\n log(`\\n✓ Copied ${imageCount} referenced images (out of ${referencedImages.length} found)`);\n}\n\n/**\n * Copy workflows from .github directory\n */\nfunction copyWorkflows() {\n // Workflows are not migrated - they should be managed separately in this repo\n log(\"\\n\" + \"=\".repeat(60));\n log(\"Skipping workflows (managed separately)...\");\n log(\"=\".repeat(60) + \"\\n\");\n}\n\n/**\n * Copy scripts directory\n */\nfunction copyScripts() {\n // Scripts are not migrated - they should be managed separately in this repo\n log(\"\\n\" + \"=\".repeat(60));\n log(\"Skipping scripts (managed separately)...\");\n log(\"=\".repeat(60) + \"\\n\");\n}\n\n/**\n * Generate filtered docs.json with only Claude Code content\n */\nfunction generateDocsJson() {\n log(\"\\n\" + \"=\".repeat(60));\n log(\"Generating filtered docs.json...\");\n log(\"=\".repeat(60) + \"\\n\");\n\n const docsJsonSrc = path.join(DOCS_REPO_DIR, \"docs.json\");\n const docsJsonDest = path.join(TARGET_REPO_DIR, \"docs.json\");\n\n if (!fs.existsSync(docsJsonSrc)) {\n log(\"Error: docs.json not found in source repo\");\n return;\n }\n\n const docsData = JSON.parse(fs.readFileSync(docsJsonSrc, \"utf8\"));\n\n // Filter navigation to only Claude Code content\n const filteredNavigation = {\n languages: [],\n };\n\n docsData.navigation.languages.forEach((langVersion) =\u003e {\n const languageCode = langVersion.language;\n\n // Find Claude Code tab\n const claudeCodeTab = langVersion.tabs.find((tab) =\u003e tab.tab === \"Claude Code\");\n\n if (!claudeCodeTab) {\n log(` - No Claude Code tab found for language: ${languageCode}`);\n return;\n }\n\n // Find Admin API tab and filter to only Claude Code endpoints\n let adminApiClaudeCodeGroup = null;\n const adminApiTab = langVersion.tabs.find((tab) =\u003e tab.tab === \"Admin API\");\n\n if (adminApiTab) {\n // Find the Claude Code group within Admin API\n const findClaudeCodeGroup = (groups) =\u003e {\n for (const group of groups) {\n if (group.group === \"Claude Code\") {\n return group;\n }\n if (group.pages) {\n for (const page of group.pages) {\n if (typeof page === \"object\" \u0026\u0026 page.group === \"Claude Code\") {\n return page;\n }\n }\n }\n }\n return null;\n };\n\n if (adminApiTab.groups) {\n adminApiClaudeCodeGroup = findClaudeCodeGroup(adminApiTab.groups);\n }\n }\n\n // Convert each group in Claude Code tab into its own tab\n const tabs = [];\n\n if (claudeCodeTab.groups) {\n claudeCodeTab.groups.forEach((group) =\u003e {\n tabs.push({\n tab: group.group,\n groups: [\n {\n group: group.group,\n pages: group.pages || [],\n },\n ],\n });\n });\n }\n\n // Add Admin API tab if Claude Code endpoints exist\n if (adminApiClaudeCodeGroup) {\n tabs.push({\n tab: adminApiTab.tab,\n groups: [adminApiClaudeCodeGroup],\n });\n }\n\n // Create filtered language entry\n const filteredLangVersion = {\n language: languageCode,\n tabs: tabs,\n };\n\n filteredNavigation.languages.push(filteredLangVersion);\n log(` ✓ Filtered navigation for language: ${languageCode} (${tabs.length} tabs)`);\n });\n\n // Create new docs.json with filtered content\n const filteredDocsJson = {\n ...docsData,\n name: \"Claude Code Docs\",\n navigation: filteredNavigation,\n };\n\n // Remove banner if it exists (not relevant to Claude Code docs)\n delete filteredDocsJson.banner;\n\n // Filter redirects to only include Claude Code-related redirects\n if (filteredDocsJson.redirects) {\n filteredDocsJson.redirects = filteredDocsJson.redirects.filter(\n (redirect) =\u003e redirect.source.includes(\"claude-code\")\n );\n log(` ✓ Filtered to ${filteredDocsJson.redirects.length} Claude Code redirects`);\n }\n\n // Function to recursively update paths to remove /docs/claude-code/ and /claude-code/ subdirectories\n function updatePaths(obj) {\n if (typeof obj === 'string') {\n // Replace /docs/claude-code/ with / for all language codes\n let updated = obj.replace(/(^|\\/)((en|fr|de|it|ja|es|ko|zh-CN|zh-TW|ru|id|pt))\\/docs\\/claude-code\\//g, '$1$2/');\n // Also replace /claude-code/ with / for all language codes (for paths that don't have /docs/)\n updated = updated.replace(/(^|\\/)((en|fr|de|it|ja|es|ko|zh-CN|zh-TW|ru|id|pt))\\/claude-code\\//g, '$1$2/');\n return updated;\n } else if (Array.isArray(obj)) {\n return obj.map(updatePaths);\n } else if (obj !== null \u0026\u0026 typeof obj === 'object') {\n const updated = {};\n for (const [key, value] of Object.entries(obj)) {\n updated[key] = updatePaths(value);\n }\n return updated;\n }\n return obj;\n }\n\n // Update all paths in the docs.json to reflect the flattened structure\n const updatedDocsJson = updatePaths(filteredDocsJson);\n\n if (!DRY_RUN) {\n fs.writeFileSync(\n docsJsonDest,\n JSON.stringify(updatedDocsJson, null, 2) + \"\\n\",\n );\n }\n\n log(`✓ Generated filtered docs.json with ${filteredNavigation.languages.length} languages`);\n log(`✓ Updated all paths to flatten directory structure`);\n}\n\n/**\n * Scan MDX files to find all referenced snippets\n */\nfunction findReferencedSnippets() {\n const referencedSnippets = new Set();\n\n // Find all MDX files we just copied\n const findMdxFiles = (dir) =\u003e {\n const files = [];\n if (!fs.existsSync(dir)) return files;\n\n const entries = fs.readdirSync(dir, { withFileTypes: true });\n for (const entry of entries) {\n const fullPath = path.join(dir, entry.name);\n if (entry.isDirectory()) {\n files.push(...findMdxFiles(fullPath));\n } else if (entry.name.endsWith(\".mdx\")) {\n files.push(fullPath);\n }\n }\n return files;\n };\n\n const mdxFiles = findMdxFiles(TARGET_REPO_DIR);\n\n // Scan each MDX file for snippet references\n for (const mdxFile of mdxFiles) {\n try {\n const content = fs.readFileSync(mdxFile, \"utf8\");\n // Match snippets/filename.mdx patterns (both with and without leading slash)\n const snippetMatches = content.match(/\\/?snippets\\/[a-zA-Z0-9_-]+\\.mdx/g);\n if (snippetMatches) {\n snippetMatches.forEach((match) =\u003e {\n // Remove leading slash if present\n const snippetPath = match.replace(/^\\/snippets\\//, \"\");\n referencedSnippets.add(snippetPath);\n });\n }\n } catch (error) {\n console.error(`Error reading ${mdxFile}:`, error.message);\n }\n }\n\n return Array.from(referencedSnippets);\n}\n\n/**\n * Copy only snippets referenced by Claude Code docs\n */\nfunction copySnippets() {\n log(\"\\n\" + \"=\".repeat(60));\n log(\"Copying snippets...\");\n log(\"=\".repeat(60) + \"\\n\");\n\n const snippetsSrc = path.join(DOCS_REPO_DIR, \"snippets\");\n const snippetsDest = path.join(TARGET_REPO_DIR, \"snippets\");\n\n if (!fs.existsSync(snippetsSrc)) {\n log(\"No snippets directory found.\");\n return;\n }\n\n // Find which snippets are actually referenced\n const referencedSnippets = findReferencedSnippets();\n\n if (referencedSnippets.length === 0) {\n log(\"No snippets referenced in Claude Code docs.\");\n return;\n }\n\n if (!DRY_RUN) {\n fs.mkdirSync(snippetsDest, { recursive: true });\n }\n\n let snippetCount = 0;\n for (const snippetPath of referencedSnippets) {\n const srcPath = path.join(snippetsSrc, snippetPath);\n const destPath = path.join(snippetsDest, snippetPath);\n\n if (fs.existsSync(srcPath)) {\n if (!DRY_RUN) {\n fs.copyFileSync(srcPath, destPath);\n }\n snippetCount++;\n log(` ✓ Copied ${snippetPath}`);\n } else {\n log(` ⚠ Snippet not found: ${snippetPath}`);\n }\n }\n\n log(`\\n✓ Copied ${snippetCount} referenced snippets (out of ${referencedSnippets.length} found)`);\n}\n\n/**\n * Copy other necessary files (styles, etc.)\n */\nfunction copyOtherFiles() {\n log(\"\\n\" + \"=\".repeat(60));\n log(\"Copying other necessary files...\");\n log(\"=\".repeat(60) + \"\\n\");\n\n const filesToCopy = [\n \"style.css\",\n \"button.css\",\n ];\n\n let copiedCount = 0;\n for (const file of filesToCopy) {\n const src = path.join(DOCS_REPO_DIR, file);\n const dest = path.join(TARGET_REPO_DIR, file);\n\n if (fs.existsSync(src)) {\n if (!DRY_RUN) {\n fs.copyFileSync(src, dest);\n }\n copiedCount++;\n log(` ✓ Copied ${file}`);\n } else {\n log(` - ${file} not found, skipping`);\n }\n }\n\n log(`\\nTotal: Copied ${copiedCount} additional files`);\n}\n\n// Main execution\nfunction main() {\n console.log(\"=\".repeat(60));\n console.log(\"Claude Code Documentation Migration\");\n console.log(\"=\".repeat(60));\n console.log(`Source: ${DOCS_REPO_DIR}`);\n console.log(`Target: ${TARGET_REPO_DIR}`);\n if (DRY_RUN) {\n console.log(\"\\n*** DRY RUN MODE - No files will be modified ***\\n\");\n }\n console.log(\"=\".repeat(60));\n\n // Check if source directory exists\n if (!fs.existsSync(DOCS_REPO_DIR)) {\n console.error(`Error: Source directory not found: ${DOCS_REPO_DIR}`);\n process.exit(1);\n }\n\n // Run migration steps\n copyClaudeCodeDocs();\n copyImages();\n copySnippets();\n copyOtherFiles();\n generateDocsJson();\n\n // Summary\n log(\"\\n\" + \"=\".repeat(60));\n log(\"Migration complete!\");\n log(\"=\".repeat(60));\n log(`✓ Copied ${fileCount} Claude Code MDX files`);\n log(`✓ Copied ${imageCount} images and snippets`);\n log(`✓ Generated filtered docs.json`);\n log(\"=\".repeat(60));\n\n if (DRY_RUN) {\n console.log(\"\\nThis was a dry run. Run without --dry-run to actually copy files.\");\n } else {\n console.log(\"\\nNext steps:\");\n console.log(\"1. Review the migrated content\");\n console.log(\"2. Commit the changes to git\");\n console.log(\"3. Test the documentation site\");\n }\n}\n\nmain();\n"])</script><script>self.__next_f.push([1,"38:[\"$\",\"$L3b\",null,{\"customJsDisabled\":false,\"jsFiles\":[{\"_id\":\"6906005aecd2c7b3d78ac5e4\",\"filePath\":\"migrate-claude-code-docs.js\",\"subdomain\":\"claude-code\",\"__v\":0,\"content\":\"$3c\"}]}]\n3f:T41903,"])</script><script>self.__next_f.push([1,"\"use strict\";\nconst {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n a: \"a\",\n code: \"code\",\n li: \"li\",\n ol: \"ol\",\n p: \"p\",\n pre: \"pre\",\n span: \"span\",\n strong: \"strong\",\n tbody: \"tbody\",\n td: \"td\",\n th: \"th\",\n thead: \"thead\",\n tr: \"tr\",\n ul: \"ul\",\n ..._provideComponents(),\n ...props.components\n }, {CodeBlock, Heading, Note, Step, Steps, Table, Tip, Warning} = _components;\n if (!CodeBlock) _missingMdxReference(\"CodeBlock\", true);\n if (!Heading) _missingMdxReference(\"Heading\", true);\n if (!Note) _missingMdxReference(\"Note\", true);\n if (!Step) _missingMdxReference(\"Step\", true);\n if (!Steps) _missingMdxReference(\"Steps\", true);\n if (!Table) _missingMdxReference(\"Table\", true);\n if (!Tip) _missingMdxReference(\"Tip\", true);\n if (!Warning) _missingMdxReference(\"Warning\", true);\n return _jsxs(_Fragment, {\n children: [_jsxs(_components.p, {\n children: [\"Skills extend what Claude can do. Create a \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" file with instructions, and Claude adds it to its toolkit. Claude uses skills when relevant, or you can invoke one directly with \", _jsx(_components.code, {\n children: \"/skill-name\"\n }), \".\"]\n }), \"\\n\", _jsxs(Note, {\n children: [_jsxs(_components.p, {\n children: [\"For built-in commands like \", _jsx(_components.code, {\n children: \"/help\"\n }), \" and \", _jsx(_components.code, {\n children: \"/compact\"\n }), \", see \", _jsx(_components.a, {\n href: \"/en/interactive-mode#built-in-commands\",\n children: \"interactive mode\"\n }), \".\"]\n }), _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Custom slash commands have been merged into skills.\"\n }), \" A file at \", _jsx(_components.code, {\n children: \".claude/commands/review.md\"\n }), \" and a skill at \", _jsx(_components.code, {\n children: \".claude/skills/review/SKILL.md\"\n }), \" both create \", _jsx(_components.code, {\n children: \"/review\"\n }), \" and work the same way. Your existing \", _jsx(_components.code, {\n children: \".claude/commands/\"\n }), \" files keep working. Skills add optional features: a directory for supporting files, frontmatter to \", _jsx(_components.a, {\n href: \"#control-who-invokes-a-skill\",\n children: \"control whether you or Claude invokes them\"\n }), \", and the ability for Claude to load them automatically when relevant.\"]\n })]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Claude Code skills follow the \", _jsx(_components.a, {\n href: \"https://agentskills.io\",\n children: \"Agent Skills\"\n }), \" open standard, which works across multiple AI tools. Claude Code extends the standard with additional features like \", _jsx(_components.a, {\n href: \"#control-who-invokes-a-skill\",\n children: \"invocation control\"\n }), \", \", _jsx(_components.a, {\n href: \"#run-skills-in-a-subagent\",\n children: \"subagent execution\"\n }), \", and \", _jsx(_components.a, {\n href: \"#inject-dynamic-context\",\n children: \"dynamic context injection\"\n }), \".\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"getting-started\",\n children: \"Getting started\"\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"create-your-first-skill\",\n children: \"Create your first skill\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"This example creates a skill that teaches Claude to explain code using visual diagrams and analogies. Since it uses default frontmatter, Claude can load it automatically when you ask how something works, or you can invoke it directly with \", _jsx(_components.code, {\n children: \"/explain-code\"\n }), \".\"]\n }), \"\\n\", _jsxs(Steps, {\n children: [_jsxs(Step, {\n title: \"Create the skill directory\",\n children: [_jsx(_components.p, {\n children: \"Create a directory for the skill in your personal skills folder. Personal skills are available across all your projects.\"\n }), _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"1\",\n language: \"shellscript\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"shellscript\",\n children: _jsxs(_components.code, {\n language: \"shellscript\",\n numberOfLines: \"1\",\n children: [_jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \"mkdir\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" -p\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" ~/.claude/skills/explain-code\"\n })]\n }), \"\\n\"]\n })\n })\n })]\n }), _jsxs(Step, {\n title: \"Write SKILL.md\",\n children: [_jsxs(_components.p, {\n children: [\"Every skill needs a \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" file with two parts: YAML frontmatter (between \", _jsx(_components.code, {\n children: \"---\"\n }), \" markers) that tells Claude when to use the skill, and markdown content with instructions Claude follows when the skill is invoked. The \", _jsx(_components.code, {\n children: \"name\"\n }), \" field becomes the \", _jsx(_components.code, {\n children: \"/slash-command\"\n }), \", and the \", _jsx(_components.code, {\n children: \"description\"\n }), \" helps Claude decide when to load it automatically.\"]\n }), _jsxs(_components.p, {\n children: [\"Create \", _jsx(_components.code, {\n children: \"~/.claude/skills/explain-code/SKILL.md\"\n }), \":\"]\n }), _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"13\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"13\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"explain-code\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Explains code with visual diagrams and analogies. Use when explaining how code works, teaching about a codebase, or when the user asks \\\"how does this work?\\\"\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"When explaining code, always include\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"1. **Start with an analogy**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Compare the code to something from everyday life\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"2. **Draw a diagram**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Use ASCII art to show the flow, structure, or relationships\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"3. **Walk through the code**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Explain step-by-step what happens\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"4. **Highlight a gotcha**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"What's a common mistake or misconception?\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Keep explanations conversational. For complex concepts, use multiple analogies.\"\n })\n }), \"\\n\"]\n })\n })\n })]\n }), _jsxs(Step, {\n title: \"Test the skill\",\n children: [_jsx(_components.p, {\n children: \"You can test it two ways:\"\n }), _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Let Claude invoke it automatically\"\n }), \" by asking something that matches the description:\"]\n }), _jsx(CodeBlock, {\n numberOfLines: \"2\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"2\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"How does this code work?\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Or invoke it directly\"\n }), \" with the skill name:\"]\n }), _jsx(CodeBlock, {\n numberOfLines: \"2\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"2\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"/explain-code src/auth/login.ts\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), _jsx(_components.p, {\n children: \"Either way, Claude should include an analogy and ASCII diagram in its explanation.\"\n })]\n })]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"where-skills-live\",\n children: \"Where skills live\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Where you store a skill determines who can use it:\"\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Location\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Path\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Applies to\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Enterprise\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"See \", _jsx(_components.a, {\n href: \"/en/permissions#managed-settings\",\n children: \"managed settings\"\n })]\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"All users in your organization\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Personal\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"~/.claude/skills/\u003cskill-name\u003e/SKILL.md\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"All your projects\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Project\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \".claude/skills/\u003cskill-name\u003e/SKILL.md\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"This project only\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Plugin\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"\u003cplugin\u003e/skills/\u003cskill-name\u003e/SKILL.md\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Where plugin is enabled\"\n })]\n })]\n })]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"When skills share the same name across levels, higher-priority locations win: enterprise \u003e personal \u003e project. Plugin skills use a \", _jsx(_components.code, {\n children: \"plugin-name:skill-name\"\n }), \" namespace, so they cannot conflict with other levels. If you have files in \", _jsx(_components.code, {\n children: \".claude/commands/\"\n }), \", those work the same way, but if a skill and a command share the same name, the skill takes precedence.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"4\",\n id: \"automatic-discovery-from-nested-directories\",\n children: \"Automatic discovery from nested directories\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"When you work with files in subdirectories, Claude Code automatically discovers skills from nested \", _jsx(_components.code, {\n children: \".claude/skills/\"\n }), \" directories. For example, if you’re editing a file in \", _jsx(_components.code, {\n children: \"packages/frontend/\"\n }), \", Claude Code also looks for skills in \", _jsx(_components.code, {\n children: \"packages/frontend/.claude/skills/\"\n }), \". This supports monorepo setups where packages have their own skills.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Each skill is a directory with \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" as the entrypoint:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n numberOfLines: \"8\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"8\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"my-skill/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── SKILL.md # Main instructions (required)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── template.md # Template for Claude to fill in\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── examples/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"│ └── sample.md # Example output showing expected format\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"└── scripts/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \" └── validate.sh # Script Claude can execute\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"The \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" contains the main instructions and is required. Other files are optional and let you build more powerful skills: templates for Claude to fill in, example outputs showing the expected format, scripts Claude can execute, or detailed reference documentation. Reference these files from your \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" so Claude knows what they contain and when to load them. See \", _jsx(_components.a, {\n href: \"#add-supporting-files\",\n children: \"Add supporting files\"\n }), \" for more details.\"]\n }), \"\\n\", _jsx(Note, {\n children: _jsxs(_components.p, {\n children: [\"Files in \", _jsx(_components.code, {\n children: \".claude/commands/\"\n }), \" still work and support the same \", _jsx(_components.a, {\n href: \"#frontmatter-reference\",\n children: \"frontmatter\"\n }), \". Skills are recommended since they support additional features like supporting files.\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"4\",\n id: \"skills-from-additional-directories\",\n children: \"Skills from additional directories\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skills defined in \", _jsx(_components.code, {\n children: \".claude/skills/\"\n }), \" within directories added via \", _jsx(_components.code, {\n children: \"--add-dir\"\n }), \" are loaded automatically and picked up by live change detection, so you can edit them during a session without restarting.\"]\n }), \"\\n\", _jsx(Note, {\n children: _jsxs(_components.p, {\n children: [\"CLAUDE.md files from \", _jsx(_components.code, {\n children: \"--add-dir\"\n }), \" directories are not loaded by default. To load them, set \", _jsx(_components.code, {\n children: \"CLAUDE_CODE_ADDITIONAL_DIRECTORIES_CLAUDE_MD=1\"\n }), \". See \", _jsx(_components.a, {\n href: \"/en/memory#load-memory-from-additional-directories\",\n children: \"Load memory from additional directories\"\n }), \".\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"configure-skills\",\n children: \"Configure skills\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skills are configured through YAML frontmatter at the top of \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" and the markdown content that follows.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"types-of-skill-content\",\n children: \"Types of skill content\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Skill files can contain any instructions, but thinking about how you want to invoke them helps guide what to include:\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Reference content\"\n }), \" adds knowledge Claude applies to your current work. Conventions, patterns, style guides, domain knowledge. This content runs inline so Claude can use it alongside your conversation context.\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"9\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"9\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"api-conventions\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"API design patterns for this codebase\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"When writing API endpoints\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Use RESTful naming conventions\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Return consistent error formats\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Include request validation\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Task content\"\n }), \" gives Claude step-by-step instructions for a specific action, like deployments, commits, or code generation. These are often actions you want to invoke directly with \", _jsx(_components.code, {\n children: \"/skill-name\"\n }), \" rather than letting Claude decide when to run them. Add \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" to prevent Claude from triggering it automatically.\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"11\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"11\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"deploy\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Deploy the application to production\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"context\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fork\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"disable-model-invocation\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"true\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Deploy the application\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"1. Run the test suite\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"2. Build the application\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"3. Push to the deployment target\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Your \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" can contain anything, but thinking through how you want the skill invoked (by you, by Claude, or both) and where you want it to run (inline or in a subagent) helps guide what to include. For complex skills, you can also \", _jsx(_components.a, {\n href: \"#add-supporting-files\",\n children: \"add supporting files\"\n }), \" to keep the main skill focused.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"frontmatter-reference\",\n children: \"Frontmatter reference\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Beyond the markdown content, you can configure skill behavior using YAML frontmatter fields between \", _jsx(_components.code, {\n children: \"---\"\n }), \" markers at the top of your \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" file:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"8\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"8\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"my-skill\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"What this skill does\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"disable-model-invocation\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"true\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"allowed-tools\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Read, Grep\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Your skill instructions here...\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"All fields are optional. Only \", _jsx(_components.code, {\n children: \"description\"\n }), \" is recommended so Claude knows when to use the skill.\"]\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Field\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Required\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"name\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Display name for the skill. If omitted, uses the directory name. Lowercase letters, numbers, and hyphens only (max 64 characters).\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"description\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Recommended\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"What the skill does and when to use it. Claude uses this to decide when to apply the skill. If omitted, uses the first paragraph of markdown content.\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"argument-hint\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Hint shown during autocomplete to indicate expected arguments. Example: \", _jsx(_components.code, {\n children: \"[issue-number]\"\n }), \" or \", _jsx(_components.code, {\n children: \"[filename] [format]\"\n }), \".\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"disable-model-invocation\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Set to \", _jsx(_components.code, {\n children: \"true\"\n }), \" to prevent Claude from automatically loading this skill. Use for workflows you want to trigger manually with \", _jsx(_components.code, {\n children: \"/name\"\n }), \". Default: \", _jsx(_components.code, {\n children: \"false\"\n }), \".\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"user-invocable\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Set to \", _jsx(_components.code, {\n children: \"false\"\n }), \" to hide from the \", _jsx(_components.code, {\n children: \"/\"\n }), \" menu. Use for background knowledge users shouldn’t invoke directly. Default: \", _jsx(_components.code, {\n children: \"true\"\n }), \".\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"allowed-tools\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Tools Claude can use without asking permission when this skill is active.\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"model\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Model to use when this skill is active.\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"context\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Set to \", _jsx(_components.code, {\n children: \"fork\"\n }), \" to run in a forked subagent context.\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"agent\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Which subagent type to use when \", _jsx(_components.code, {\n children: \"context: fork\"\n }), \" is set.\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"hooks\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Hooks scoped to this skill’s lifecycle. See \", _jsx(_components.a, {\n href: \"/en/hooks#hooks-in-skills-and-agents\",\n children: \"Hooks in skills and agents\"\n }), \" for configuration format.\"]\n })]\n })]\n })]\n }), \"\\n\", _jsx(Heading, {\n level: \"4\",\n id: \"available-string-substitutions\",\n children: \"Available string substitutions\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Skills support string substitution for dynamic values in the skill content:\"\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Variable\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n })\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"All arguments passed when invoking the skill. If \", _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n }), \" is not present in the content, arguments are appended as \", _jsx(_components.code, {\n children: \"ARGUMENTS: \u003cvalue\u003e\"\n }), \".\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"$ARGUMENTS[N]\"\n })\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Access a specific argument by 0-based index, such as \", _jsx(_components.code, {\n children: \"$ARGUMENTS[0]\"\n }), \" for the first argument.\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"$N\"\n })\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Shorthand for \", _jsx(_components.code, {\n children: \"$ARGUMENTS[N]\"\n }), \", such as \", _jsx(_components.code, {\n children: \"$0\"\n }), \" for the first argument or \", _jsx(_components.code, {\n children: \"$1\"\n }), \" for the second.\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"${CLAUDE_SESSION_ID}\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"The current session ID. Useful for logging, creating session-specific files, or correlating skill output with sessions.\"\n })]\n })]\n })]\n }), \"\\n\", _jsx(_components.p, {\n children: _jsx(_components.strong, {\n children: \"Example using substitutions:\"\n })\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"8\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"8\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"session-logger\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Log activity for this session\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Log the following to logs/${CLAUDE_SESSION_ID}.log\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"$ARGUMENTS\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"add-supporting-files\",\n children: \"Add supporting files\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skills can include multiple files in their directory. This keeps \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" focused on the essentials while letting Claude access detailed reference material only when needed. Large reference docs, API specifications, or example collections don’t need to load into context every time the skill runs.\"]\n }), \"\\n\", _jsx(CodeBlock, {\n numberOfLines: \"7\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"7\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"my-skill/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── SKILL.md (required - overview and navigation)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── reference.md (detailed API docs - loaded when needed)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── examples.md (usage examples - loaded when needed)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"└── scripts/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \" └── helper.py (utility script - executed, not loaded)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Reference supporting files from \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" so Claude knows what each file contains and when to load it:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"4\",\n language: \"markdown\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"markdown\",\n children: _jsxs(_components.code, {\n language: \"markdown\",\n numberOfLines: \"4\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-light-font-weight\": \"bold\",\n \"--shiki-dark\": \"#569CD6\",\n \"--shiki-dark-font-weight\": \"bold\"\n },\n children: \"## Additional resources\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#6796E6\"\n },\n children: \"-\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" For complete API details, see [\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"reference.md\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"](\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-light-text-decoration\": \"underline\",\n \"--shiki-dark\": \"#D4D4D4\",\n \"--shiki-dark-text-decoration\": \"underline\"\n },\n children: \"reference.md\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#6796E6\"\n },\n children: \"-\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" For usage examples, see [\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"examples.md\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"](\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-light-text-decoration\": \"underline\",\n \"--shiki-dark\": \"#D4D4D4\",\n \"--shiki-dark-text-decoration\": \"underline\"\n },\n children: \"examples.md\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(Tip, {\n children: [\"Keep \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" under 500 lines. Move detailed reference material to separate files.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"control-who-invokes-a-skill\",\n children: \"Control who invokes a skill\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"By default, both you and Claude can invoke any skill. You can type \", _jsx(_components.code, {\n children: \"/skill-name\"\n }), \" to invoke it directly, and Claude can load it automatically when relevant to your conversation. Two frontmatter fields let you restrict this:\"]\n }), \"\\n\", _jsxs(_components.ul, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [\"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n })\n }), \": Only you can invoke the skill. Use this for workflows with side effects or that you want to control timing, like \", _jsx(_components.code, {\n children: \"/commit\"\n }), \", \", _jsx(_components.code, {\n children: \"/deploy\"\n }), \", or \", _jsx(_components.code, {\n children: \"/send-slack-message\"\n }), \". You don’t want Claude deciding to deploy because your code looks ready.\"]\n }), \"\\n\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.code, {\n children: \"user-invocable: false\"\n })\n }), \": Only Claude can invoke the skill. Use this for background knowledge that isn’t actionable as a command. A \", _jsx(_components.code, {\n children: \"legacy-system-context\"\n }), \" skill explains how an old system works. Claude should know this when relevant, but \", _jsx(_components.code, {\n children: \"/legacy-system-context\"\n }), \" isn’t a meaningful action for users to take.\"]\n }), \"\\n\"]\n }), \"\\n\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"This example creates a deploy skill that only you can trigger. The \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" field prevents Claude from running it automatically:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"12\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"12\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"deploy\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Deploy the application to production\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"disable-model-invocation\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"true\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Deploy $ARGUMENTS to production\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"1. Run the test suite\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"2. Build the application\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"3. Push to the deployment target\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"4. Verify the deployment succeeded\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(_components.p, {\n children: \"Here’s how the two fields affect invocation and context loading:\"\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Frontmatter\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"You can invoke\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Claude can invoke\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"When loaded into context\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"(default)\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Yes\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Yes\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description always in context, full skill loads when invoked\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Yes\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description not in context, full skill loads when you invoke\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"user-invocable: false\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Yes\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description always in context, full skill loads when invoked\"\n })]\n })]\n })]\n }), \"\\n\", _jsx(Note, {\n children: _jsxs(_components.p, {\n children: [\"In a regular session, skill descriptions are loaded into context so Claude knows what’s available, but full skill content only loads when invoked. \", _jsx(_components.a, {\n href: \"/en/sub-agents#preload-skills-into-subagents\",\n children: \"Subagents with preloaded skills\"\n }), \" work differently: the full skill content is injected at startup.\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"restrict-tool-access\",\n children: \"Restrict tool access\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Use the \", _jsx(_components.code, {\n children: \"allowed-tools\"\n }), \" field to limit which tools Claude can use when a skill is active. This skill creates a read-only mode where Claude can explore files but not modify them:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"5\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"5\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"safe-reader\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Read files without making changes\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"allowed-tools\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Read, Grep, Glob\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"pass-arguments-to-skills\",\n children: \"Pass arguments to skills\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Both you and Claude can pass arguments when invoking a skill. Arguments are available via the \", _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n }), \" placeholder.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"This skill fixes a GitHub issue by number. The \", _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n }), \" placeholder gets replaced with whatever follows the skill name:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"13\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"13\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fix-issue\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Fix a GitHub issue\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"disable-model-invocation\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"true\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Fix GitHub issue $ARGUMENTS following our coding standards.\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"1. Read the issue description\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"2. Understand the requirements\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"3. Implement the fix\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"4. Write tests\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"5. Create a commit\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"When you run \", _jsx(_components.code, {\n children: \"/fix-issue 123\"\n }), \", Claude receives “Fix GitHub issue 123 following our coding standards…”\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"If you invoke a skill with arguments but the skill doesn’t include \", _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n }), \", Claude Code appends \", _jsx(_components.code, {\n children: \"ARGUMENTS: \u003cyour input\u003e\"\n }), \" to the end of the skill content so Claude still sees what you typed.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"To access individual arguments by position, use \", _jsx(_components.code, {\n children: \"$ARGUMENTS[N]\"\n }), \" or the shorter \", _jsx(_components.code, {\n children: \"$N\"\n }), \":\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"7\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"7\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"migrate-component\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Migrate a component from one framework to another\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Migrate the $ARGUMENTS[0] component from $ARGUMENTS[1] to $ARGUMENTS[2].\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Preserve all existing behavior and tests.\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Running \", _jsx(_components.code, {\n children: \"/migrate-component SearchBar React Vue\"\n }), \" replaces \", _jsx(_components.code, {\n children: \"$ARGUMENTS[0]\"\n }), \" with \", _jsx(_components.code, {\n children: \"SearchBar\"\n }), \", \", _jsx(_components.code, {\n children: \"$ARGUMENTS[1]\"\n }), \" with \", _jsx(_components.code, {\n children: \"React\"\n }), \", and \", _jsx(_components.code, {\n children: \"$ARGUMENTS[2]\"\n }), \" with \", _jsx(_components.code, {\n children: \"Vue\"\n }), \". The same skill using the \", _jsx(_components.code, {\n children: \"$N\"\n }), \" shorthand:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"7\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"7\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"migrate-component\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Migrate a component from one framework to another\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Migrate the $0 component from $1 to $2.\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Preserve all existing behavior and tests.\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"advanced-patterns\",\n children: \"Advanced patterns\"\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"inject-dynamic-context\",\n children: \"Inject dynamic context\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"The \", _jsx(_components.code, {\n children: \"!\"\n }), \"command“ syntax runs shell commands before the skill content is sent to Claude. The command output replaces the placeholder, so Claude receives actual data, not the command itself.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"This skill summarizes a pull request by fetching live PR data with the GitHub CLI. The \", _jsx(_components.code, {\n children: \"!\"\n }), \"gh pr diff“ and other commands run first, and their output gets inserted into the prompt:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"15\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"15\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"pr-summary\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Summarize changes in a pull request\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"context\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fork\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"agent\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Explore\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"allowed-tools\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Bash(gh *)\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"## Pull request context\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"PR diff\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#82071E\",\n \"--shiki-light-font-style\": \"italic\",\n \"--shiki-dark\": \"#F44747\",\n \"--shiki-dark-font-style\": \"inherit\"\n },\n children: \"!`gh\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" pr diff`\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"PR comments\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#82071E\",\n \"--shiki-light-font-style\": \"italic\",\n \"--shiki-dark\": \"#F44747\",\n \"--shiki-dark-font-style\": \"inherit\"\n },\n children: \"!`gh\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" pr view --comments`\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Changed files\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#82071E\",\n \"--shiki-light-font-style\": \"italic\",\n \"--shiki-dark\": \"#F44747\",\n \"--shiki-dark-font-style\": \"inherit\"\n },\n children: \"!`gh\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" pr diff --name-only`\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"## Your task\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Summarize this pull request...\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(_components.p, {\n children: \"When this skill runs:\"\n }), \"\\n\", _jsxs(_components.ol, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [\"Each \", _jsx(_components.code, {\n children: \"!\"\n }), \"command“ executes immediately (before Claude sees anything)\"]\n }), \"\\n\", _jsx(_components.li, {\n children: \"The output replaces the placeholder in the skill content\"\n }), \"\\n\", _jsx(_components.li, {\n children: \"Claude receives the fully-rendered prompt with actual PR data\"\n }), \"\\n\"]\n }), \"\\n\", _jsx(_components.p, {\n children: \"This is preprocessing, not something Claude executes. Claude only sees the final result.\"\n }), \"\\n\", _jsx(Tip, {\n children: _jsxs(_components.p, {\n children: [\"To enable \", _jsx(_components.a, {\n href: \"/en/common-workflows#use-extended-thinking-thinking-mode\",\n children: \"extended thinking\"\n }), \" in a skill, include the word “ultrathink” anywhere in your skill content.\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"run-skills-in-a-subagent\",\n children: \"Run skills in a subagent\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Add \", _jsx(_components.code, {\n children: \"context: fork\"\n }), \" to your frontmatter when you want a skill to run in isolation. The skill content becomes the prompt that drives the subagent. It won’t have access to your conversation history.\"]\n }), \"\\n\", _jsx(Warning, {\n children: _jsxs(_components.p, {\n children: [_jsx(_components.code, {\n children: \"context: fork\"\n }), \" only makes sense for skills with explicit instructions. If your skill contains guidelines like “use these API conventions” without a task, the subagent receives the guidelines but no actionable prompt, and returns without meaningful output.\"]\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skills and \", _jsx(_components.a, {\n href: \"/en/sub-agents\",\n children: \"subagents\"\n }), \" work together in two directions:\"]\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Approach\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"System prompt\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Task\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Also loads\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Skill with \", _jsx(_components.code, {\n children: \"context: fork\"\n })]\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"From agent type (\", _jsx(_components.code, {\n children: \"Explore\"\n }), \", \", _jsx(_components.code, {\n children: \"Plan\"\n }), \", etc.)\"]\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"SKILL.md content\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"CLAUDE.md\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Subagent with \", _jsx(_components.code, {\n children: \"skills\"\n }), \" field\"]\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Subagent’s markdown body\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Claude’s delegation message\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Preloaded skills + CLAUDE.md\"\n })]\n })]\n })]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"With \", _jsx(_components.code, {\n children: \"context: fork\"\n }), \", you write the task in your skill and pick an agent type to execute it. For the inverse (defining a custom subagent that uses skills as reference material), see \", _jsx(_components.a, {\n href: \"/en/sub-agents#preload-skills-into-subagents\",\n children: \"Subagents\"\n }), \".\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"4\",\n id: \"example%3A-research-skill-using-explore-agent\",\n children: \"Example: Research skill using Explore agent\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"This skill runs research in a forked Explore agent. The skill content becomes the task, and the agent provides read-only tools optimized for codebase exploration:\"\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"12\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"12\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"deep-research\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Research a topic thoroughly\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"context\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fork\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"agent\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Explore\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Research $ARGUMENTS thoroughly\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"1. Find relevant files using Glob and Grep\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"2. Read and analyze the code\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"3. Summarize findings with specific file references\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(_components.p, {\n children: \"When this skill runs:\"\n }), \"\\n\", _jsxs(_components.ol, {\n children: [\"\\n\", _jsx(_components.li, {\n children: \"A new isolated context is created\"\n }), \"\\n\", _jsx(_components.li, {\n children: \"The subagent receives the skill content as its prompt (“Research $ARGUMENTS thoroughly…”)\"\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"The \", _jsx(_components.code, {\n children: \"agent\"\n }), \" field determines the execution environment (model, tools, and permissions)\"]\n }), \"\\n\", _jsx(_components.li, {\n children: \"Results are summarized and returned to your main conversation\"\n }), \"\\n\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"The \", _jsx(_components.code, {\n children: \"agent\"\n }), \" field specifies which subagent configuration to use. Options include built-in agents (\", _jsx(_components.code, {\n children: \"Explore\"\n }), \", \", _jsx(_components.code, {\n children: \"Plan\"\n }), \", \", _jsx(_components.code, {\n children: \"general-purpose\"\n }), \") or any custom subagent from \", _jsx(_components.code, {\n children: \".claude/agents/\"\n }), \". If omitted, uses \", _jsx(_components.code, {\n children: \"general-purpose\"\n }), \".\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"restrict-claude%E2%80%99s-skill-access\",\n children: \"Restrict Claude’s skill access\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"By default, Claude can invoke any skill that doesn’t have \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" set. Skills that define \", _jsx(_components.code, {\n children: \"allowed-tools\"\n }), \" grant Claude access to those tools without per-use approval when the skill is active. Your \", _jsx(_components.a, {\n href: \"/en/permissions\",\n children: \"permission settings\"\n }), \" still govern baseline approval behavior for all other tools. Built-in commands like \", _jsx(_components.code, {\n children: \"/compact\"\n }), \" and \", _jsx(_components.code, {\n children: \"/init\"\n }), \" are not available through the Skill tool.\"]\n }), \"\\n\", _jsx(_components.p, {\n children: \"Three ways to control which skills Claude can invoke:\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Disable all skills\"\n }), \" by denying the Skill tool in \", _jsx(_components.code, {\n children: \"/permissions\"\n }), \":\"]\n }), \"\\n\", _jsx(CodeBlock, {\n numberOfLines: \"3\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"3\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"# Add to deny rules:\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"Skill\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Allow or deny specific skills\"\n }), \" using \", _jsx(_components.a, {\n href: \"/en/permissions\",\n children: \"permission rules\"\n }), \":\"]\n }), \"\\n\", _jsx(CodeBlock, {\n numberOfLines: \"7\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"7\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"# Allow only specific skills\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"Skill(commit)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"Skill(review-pr *)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"# Deny specific skills\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"Skill(deploy *)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Permission syntax: \", _jsx(_components.code, {\n children: \"Skill(name)\"\n }), \" for exact match, \", _jsx(_components.code, {\n children: \"Skill(name *)\"\n }), \" for prefix match with any arguments.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Hide individual skills\"\n }), \" by adding \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" to their frontmatter. This removes the skill from Claude’s context entirely.\"]\n }), \"\\n\", _jsx(Note, {\n children: _jsxs(_components.p, {\n children: [\"The \", _jsx(_components.code, {\n children: \"user-invocable\"\n }), \" field only controls menu visibility, not Skill tool access. Use \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" to block programmatic invocation.\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"share-skills\",\n children: \"Share skills\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Skills can be distributed at different scopes depending on your audience:\"\n }), \"\\n\", _jsxs(_components.ul, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: \"Project skills\"\n }), \": Commit \", _jsx(_components.code, {\n children: \".claude/skills/\"\n }), \" to version control\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: \"Plugins\"\n }), \": Create a \", _jsx(_components.code, {\n children: \"skills/\"\n }), \" directory in your \", _jsx(_components.a, {\n href: \"/en/plugins\",\n children: \"plugin\"\n })]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: \"Managed\"\n }), \": Deploy organization-wide through \", _jsx(_components.a, {\n href: \"/en/permissions#managed-settings\",\n children: \"managed settings\"\n })]\n }), \"\\n\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"generate-visual-output\",\n children: \"Generate visual output\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Skills can bundle and run scripts in any language, giving Claude capabilities beyond what’s possible in a single prompt. One powerful pattern is generating visual output: interactive HTML files that open in your browser for exploring data, debugging, or creating reports.\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"This example creates a codebase explorer: an interactive tree view where you can expand and collapse directories, see file sizes at a glance, and identify file types by color.\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Create the Skill directory:\"\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"1\",\n language: \"shellscript\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"shellscript\",\n children: _jsxs(_components.code, {\n language: \"shellscript\",\n numberOfLines: \"1\",\n children: [_jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \"mkdir\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" -p\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" ~/.claude/skills/codebase-visualizer/scripts\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Create \", _jsx(_components.code, {\n children: \"~/.claude/skills/codebase-visualizer/SKILL.md\"\n }), \". The description tells Claude when to activate this Skill, and the instructions tell Claude to run the bundled script:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"26\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"26\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"codebase-visualizer\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Generate an interactive collapsible tree visualization of your codebase. Use when exploring a new repo, understanding project structure, or identifying large files.\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"allowed-tools\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Bash(python *)\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"# Codebase Visualizer\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Generate an interactive HTML tree view that shows your project's file structure with collapsible directories.\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"## Usage\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Run the visualization script from your project root\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"```\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"bash\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"python ~/.claude/skills/codebase-visualizer/scripts/visualize.py .\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"```\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"This creates `codebase-map.html` in the current directory and opens it in your default browser.\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"## What the visualization shows\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"*Collapsible\"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" directories**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Click folders to expand/collapse\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"*File\"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" sizes**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Displayed next to each file\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"*Colors**:\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" Different colors for different file types\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"*Directory\"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" totals**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Shows aggregate size of each folder\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Create \", _jsx(_components.code, {\n children: \"~/.claude/skills/codebase-visualizer/scripts/visualize.py\"\n }), \". This script scans a directory tree and generates a self-contained HTML file with:\"]\n }), \"\\n\", _jsxs(_components.ul, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [\"A \", _jsx(_components.strong, {\n children: \"summary sidebar\"\n }), \" showing file count, directory count, total size, and number of file types\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"A \", _jsx(_components.strong, {\n children: \"bar chart\"\n }), \" breaking down the codebase by file type (top 8 by size)\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"A \", _jsx(_components.strong, {\n children: \"collapsible tree\"\n }), \" where you can expand and collapse directories, with color-coded file type indicators\"]\n }), \"\\n\"]\n }), \"\\n\", _jsx(_components.p, {\n children: \"The script requires Python but uses only built-in libraries, so there are no packages to install:\"\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n expandable: \"true\",\n numberOfLines: \"131\",\n language: \"python\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"python\",\n children: _jsxs(_components.code, {\n language: \"python\",\n numberOfLines: \"131\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"#!/usr/bin/env python3\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\\\"\\\"Generate an interactive collapsible tree visualization of a codebase.\\\"\\\"\\\"\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" json\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" sys\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" webbrowser\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"from\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" pathlib \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" Path\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"from\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" collections \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" Counter\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"IGNORE\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" =\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.git'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'node_modules'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'__pycache__'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.venv'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'venv'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'dist'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'build'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"}\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"def\"\n }), _jsx(_components.span, {\n style: {\n color: \"#8250DF\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" scan\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"path\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": Path, \"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"stats\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \"dict\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \") -\u003e \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \"dict\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"name\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": path.name, \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"children\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": [], \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"0\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" try\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" for\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"in\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" sorted\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(path.iterdir()):\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.name \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"in\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" IGNORE\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" or\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.name.startswith(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"):\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" continue\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.is_file():\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" size \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.stat().st_size\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" ext \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.suffix.lower() \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"or\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '(no ext)'\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"children\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"].append({\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"name\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": item.name, \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": size, \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"ext\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": ext})\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" size\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"files\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"extensions\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"][ext] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"ext_sizes\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"][ext] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" size\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" elif\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.is_dir():\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"dirs\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" child \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" scan(item, stats)\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" child[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"children\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]:\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"children\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"].append(child)\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" child[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" except\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \" PermissionError\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" pass\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" return\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"def\"\n }), _jsx(_components.span, {\n style: {\n color: \"#8250DF\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" generate_html\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"data\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \"dict\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"stats\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \"dict\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"output\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": Path) -\u003e \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"None\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" ext_sizes \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"ext_sizes\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" total_size \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" sum\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(ext_sizes.values()) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"or\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" sorted_exts \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" sorted\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(ext_sizes.items(), \"\n }), _jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"key\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"lambda\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \" x\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"-\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"x[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"1\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"])[:\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"8\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" colors \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" {\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.js'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#f7df1e'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.ts'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#3178c6'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.py'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#3776ab'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.go'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#00add8'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \",\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.rs'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#dea584'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.rb'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#cc342d'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.css'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#264de4'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.html'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#e34c26'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \",\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.json'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#6b7280'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.md'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#083fa1'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.yaml'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#cb171e'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.yml'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#cb171e'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \",\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.mdx'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#083fa1'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.tsx'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#3178c6'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.jsx'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#61dafb'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.sh'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#4eaa25'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \",\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" }\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" lang_bars \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \\\"\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \".join(\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\u003cdiv class=\\\"bar-row\\\"\u003e\u003cspan class=\\\"bar-label\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"ext\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e'\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\u003cdiv class=\\\"bar\\\" style=\\\"width:\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(size\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"/\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"total_size)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"100\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"%;background:\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"colors.get(ext,\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"#6b7280\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\u003e\u003c/div\u003e'\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\u003cspan class=\\\"bar-pct\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(size\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"/\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"total_size)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"100\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":.1f}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"%\u003c/span\u003e\u003c/div\u003e'\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" for\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" ext, size \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"in\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" sorted_exts\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" )\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" def\"\n }), _jsx(_components.span, {\n style: {\n color: \"#8250DF\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" fmt\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"b\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"):\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" b \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"\u003c\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1024\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"return\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"b\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" B\\\"\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" b \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"\u003c\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1048576\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"return\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"b\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"/\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"1024\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":.1f}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" KB\\\"\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" return\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"b\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"/\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"1048576\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":.1f}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" MB\\\"\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" html \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'''\u003c!DOCTYPE html\u003e\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003chtml\u003e\u003chead\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cmeta charset=\\\"utf-8\\\"\u003e\u003ctitle\u003eCodebase Explorer\u003c/title\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cstyle\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" body \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" font: 14px/1.5 system-ui, sans-serif; margin: 0; background: #1a1a2e; color: #eee; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .container \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" display: flex; height: 100vh; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .sidebar \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" width: 280px; background: #252542; padding: 20px; border-right: 1px solid #3d3d5c; overflow-y: auto; flex-shrink: 0; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .main \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" flex: 1; padding: 20px; overflow-y: auto; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" h1 \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" margin: 0 0 10px 0; font-size: 18px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" h2 \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" margin: 20px 0 10px 0; font-size: 14px; color: #888; text-transform: uppercase; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .stat \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #3d3d5c; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .stat-value \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" font-weight: bold; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .bar-row \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" display: flex; align-items: center; margin: 6px 0; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .bar-label \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" width: 55px; font-size: 12px; color: #aaa; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .bar \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" height: 18px; border-radius: 3px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .bar-pct \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" margin-left: 8px; font-size: 12px; color: #666; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .tree \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" list-style: none; padding-left: 20px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" details \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" cursor: pointer; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" summary \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" padding: 4px 8px; border-radius: 4px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" summary:hover \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" background: #2d2d44; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .folder \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" color: #ffd700; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .file \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" display: flex; align-items: center; padding: 4px 8px; border-radius: 4px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .file:hover \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" background: #2d2d44; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .size \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" color: #888; margin-left: auto; font-size: 12px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .dot \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" width: 8px; height: 8px; border-radius: 50%; margin-right: 8px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/style\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/head\u003e\u003cbody\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"container\\\"\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"sidebar\\\"\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003ch1\u003e📊 Summary\u003c/h1\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"stat\\\"\u003e\u003cspan\u003eFiles\u003c/span\u003e\u003cspan class=\\\"stat-value\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"files\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":,}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/div\u003e\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"stat\\\"\u003e\u003cspan\u003eDirectories\u003c/span\u003e\u003cspan class=\\\"stat-value\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"dirs\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":,}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/div\u003e\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"stat\\\"\u003e\u003cspan\u003eTotal size\u003c/span\u003e\u003cspan class=\\\"stat-value\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"fmt(data[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"])\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/div\u003e\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"stat\\\"\u003e\u003cspan\u003eFile types\u003c/span\u003e\u003cspan class=\\\"stat-value\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \"len\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"extensions\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"])\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/div\u003e\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003ch2\u003eBy file type\u003c/h2\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"lang_bars\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/div\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"main\\\"\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003ch1\u003e📁 \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"data[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"name\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/h1\u003e\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cul class=\\\"tree\\\" id=\\\"root\\\"\u003e\u003c/ul\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/div\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/div\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cscript\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const data = \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"json.dumps(data)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \";\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const colors = \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"json.dumps(colors)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \";\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" function fmt(b) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" if (b \u003c 1024) return b + ' B'; if (b \u003c 1048576) return (b/1024).toFixed(1) + ' KB'; return (b/1048576).toFixed(1) + ' MB'; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" function render(node, parent) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" if (node.children) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const det = document.createElement('details');\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" det.open = parent === document.getElementById('root');\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" det.innerHTML = `\u003csummary\u003e\u003cspan class=\\\"folder\\\"\u003e📁 $\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"node.name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003cspan class=\\\"size\\\"\u003e$\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fmt(node.size)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/summary\u003e`;\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const ul = document.createElement('ul'); ul.className = 'tree';\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" node.children.sort((a,b) =\u003e (b.children?1:0)-(a.children?1:0) || a.name.localeCompare(b.name));\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" node.children.forEach(c =\u003e render(c, ul));\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" det.appendChild(ul);\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const li = document.createElement('li'); li.appendChild(det); parent.appendChild(li);\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \" }}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" else \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const li = document.createElement('li'); li.className = 'file';\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" li.innerHTML = `\u003cspan class=\\\"dot\\\" style=\\\"background:$\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"colors[node.ext]||'#6b7280'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\u003e\u003c/span\u003e$\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"node.name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003cspan class=\\\"size\\\"\u003e$\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fmt(node.size)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e`;\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" parent.appendChild(li);\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \" }}\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \" }}\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" data.children.forEach(c =\u003e render(c, document.getElementById('root')));\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/script\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/body\u003e\u003c/html\u003e'''\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" output.write_text(html)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \" __name__\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" ==\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '__main__'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" target \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" Path(sys.argv[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"1\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" len\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(sys.argv) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" else\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \").resolve()\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"files\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"0\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"dirs\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"0\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"extensions\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": Counter(), \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"ext_sizes\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": Counter()}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" data \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" scan(target, stats)\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" out \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" Path(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'codebase-map.html'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" generate_html(data, stats, out)\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" print\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'Generated \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"out.absolute()\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" webbrowser.open(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'file://\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"out.absolute()\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"To test, open Claude Code in any project and ask “Visualize this codebase.” Claude runs the script, generates \", _jsx(_components.code, {\n children: \"codebase-map.html\"\n }), \", and opens it in your browser.\"]\n }), \"\\n\", _jsx(_components.p, {\n children: \"This pattern works for any visual output: dependency graphs, test coverage reports, API documentation, or database schema visualizations. The bundled script does the heavy lifting while Claude handles orchestration.\"\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"troubleshooting\",\n children: \"Troubleshooting\"\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"skill-not-triggering\",\n children: \"Skill not triggering\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"If Claude doesn’t use your skill when expected:\"\n }), \"\\n\", _jsxs(_components.ol, {\n children: [\"\\n\", _jsx(_components.li, {\n children: \"Check the description includes keywords users would naturally say\"\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"Verify the skill appears in \", _jsx(_components.code, {\n children: \"What skills are available?\"\n })]\n }), \"\\n\", _jsx(_components.li, {\n children: \"Try rephrasing your request to match the description more closely\"\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"Invoke it directly with \", _jsx(_components.code, {\n children: \"/skill-name\"\n }), \" if the skill is user-invocable\"]\n }), \"\\n\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"skill-triggers-too-often\",\n children: \"Skill triggers too often\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"If Claude uses your skill when you don’t want it:\"\n }), \"\\n\", _jsxs(_components.ol, {\n children: [\"\\n\", _jsx(_components.li, {\n children: \"Make the description more specific\"\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"Add \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" if you only want manual invocation\"]\n }), \"\\n\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"claude-doesn%E2%80%99t-see-all-my-skills\",\n children: \"Claude doesn’t see all my skills\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skill descriptions are loaded into context so Claude knows what’s available. If you have many skills, they may exceed the character budget. The budget scales dynamically at 2% of the context window, with a fallback of 16,000 characters. Run \", _jsx(_components.code, {\n children: \"/context\"\n }), \" to check for a warning about excluded skills.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"To override the limit, set the \", _jsx(_components.code, {\n children: \"SLASH_COMMAND_TOOL_CHAR_BUDGET\"\n }), \" environment variable.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"related-resources\",\n children: \"Related resources\"\n }), \"\\n\", _jsxs(_components.ul, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/sub-agents\",\n children: \"Subagents\"\n })\n }), \": delegate tasks to specialized agents\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/plugins\",\n children: \"Plugins\"\n })\n }), \": package and distribute skills with other extensions\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/hooks\",\n children: \"Hooks\"\n })\n }), \": automate workflows around tool events\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/memory\",\n children: \"Memory\"\n })\n }), \": manage CLAUDE.md files for persistent context\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/interactive-mode#built-in-commands\",\n children: \"Interactive mode\"\n })\n }), \": built-in commands and shortcuts\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/permissions\",\n children: \"Permissions\"\n })\n }), \": control tool and skill access\"]\n }), \"\\n\"]\n })]\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n"])</script><script>self.__next_f.push([1,"40:T41903,"])</script><script>self.__next_f.push([1,"\"use strict\";\nconst {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n a: \"a\",\n code: \"code\",\n li: \"li\",\n ol: \"ol\",\n p: \"p\",\n pre: \"pre\",\n span: \"span\",\n strong: \"strong\",\n tbody: \"tbody\",\n td: \"td\",\n th: \"th\",\n thead: \"thead\",\n tr: \"tr\",\n ul: \"ul\",\n ..._provideComponents(),\n ...props.components\n }, {CodeBlock, Heading, Note, Step, Steps, Table, Tip, Warning} = _components;\n if (!CodeBlock) _missingMdxReference(\"CodeBlock\", true);\n if (!Heading) _missingMdxReference(\"Heading\", true);\n if (!Note) _missingMdxReference(\"Note\", true);\n if (!Step) _missingMdxReference(\"Step\", true);\n if (!Steps) _missingMdxReference(\"Steps\", true);\n if (!Table) _missingMdxReference(\"Table\", true);\n if (!Tip) _missingMdxReference(\"Tip\", true);\n if (!Warning) _missingMdxReference(\"Warning\", true);\n return _jsxs(_Fragment, {\n children: [_jsxs(_components.p, {\n children: [\"Skills extend what Claude can do. Create a \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" file with instructions, and Claude adds it to its toolkit. Claude uses skills when relevant, or you can invoke one directly with \", _jsx(_components.code, {\n children: \"/skill-name\"\n }), \".\"]\n }), \"\\n\", _jsxs(Note, {\n children: [_jsxs(_components.p, {\n children: [\"For built-in commands like \", _jsx(_components.code, {\n children: \"/help\"\n }), \" and \", _jsx(_components.code, {\n children: \"/compact\"\n }), \", see \", _jsx(_components.a, {\n href: \"/en/interactive-mode#built-in-commands\",\n children: \"interactive mode\"\n }), \".\"]\n }), _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Custom slash commands have been merged into skills.\"\n }), \" A file at \", _jsx(_components.code, {\n children: \".claude/commands/review.md\"\n }), \" and a skill at \", _jsx(_components.code, {\n children: \".claude/skills/review/SKILL.md\"\n }), \" both create \", _jsx(_components.code, {\n children: \"/review\"\n }), \" and work the same way. Your existing \", _jsx(_components.code, {\n children: \".claude/commands/\"\n }), \" files keep working. Skills add optional features: a directory for supporting files, frontmatter to \", _jsx(_components.a, {\n href: \"#control-who-invokes-a-skill\",\n children: \"control whether you or Claude invokes them\"\n }), \", and the ability for Claude to load them automatically when relevant.\"]\n })]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Claude Code skills follow the \", _jsx(_components.a, {\n href: \"https://agentskills.io\",\n children: \"Agent Skills\"\n }), \" open standard, which works across multiple AI tools. Claude Code extends the standard with additional features like \", _jsx(_components.a, {\n href: \"#control-who-invokes-a-skill\",\n children: \"invocation control\"\n }), \", \", _jsx(_components.a, {\n href: \"#run-skills-in-a-subagent\",\n children: \"subagent execution\"\n }), \", and \", _jsx(_components.a, {\n href: \"#inject-dynamic-context\",\n children: \"dynamic context injection\"\n }), \".\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"getting-started\",\n children: \"Getting started\"\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"create-your-first-skill\",\n children: \"Create your first skill\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"This example creates a skill that teaches Claude to explain code using visual diagrams and analogies. Since it uses default frontmatter, Claude can load it automatically when you ask how something works, or you can invoke it directly with \", _jsx(_components.code, {\n children: \"/explain-code\"\n }), \".\"]\n }), \"\\n\", _jsxs(Steps, {\n children: [_jsxs(Step, {\n title: \"Create the skill directory\",\n children: [_jsx(_components.p, {\n children: \"Create a directory for the skill in your personal skills folder. Personal skills are available across all your projects.\"\n }), _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"1\",\n language: \"shellscript\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"shellscript\",\n children: _jsxs(_components.code, {\n language: \"shellscript\",\n numberOfLines: \"1\",\n children: [_jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \"mkdir\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" -p\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" ~/.claude/skills/explain-code\"\n })]\n }), \"\\n\"]\n })\n })\n })]\n }), _jsxs(Step, {\n title: \"Write SKILL.md\",\n children: [_jsxs(_components.p, {\n children: [\"Every skill needs a \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" file with two parts: YAML frontmatter (between \", _jsx(_components.code, {\n children: \"---\"\n }), \" markers) that tells Claude when to use the skill, and markdown content with instructions Claude follows when the skill is invoked. The \", _jsx(_components.code, {\n children: \"name\"\n }), \" field becomes the \", _jsx(_components.code, {\n children: \"/slash-command\"\n }), \", and the \", _jsx(_components.code, {\n children: \"description\"\n }), \" helps Claude decide when to load it automatically.\"]\n }), _jsxs(_components.p, {\n children: [\"Create \", _jsx(_components.code, {\n children: \"~/.claude/skills/explain-code/SKILL.md\"\n }), \":\"]\n }), _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"13\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"13\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"explain-code\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Explains code with visual diagrams and analogies. Use when explaining how code works, teaching about a codebase, or when the user asks \\\"how does this work?\\\"\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"When explaining code, always include\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"1. **Start with an analogy**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Compare the code to something from everyday life\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"2. **Draw a diagram**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Use ASCII art to show the flow, structure, or relationships\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"3. **Walk through the code**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Explain step-by-step what happens\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"4. **Highlight a gotcha**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"What's a common mistake or misconception?\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Keep explanations conversational. For complex concepts, use multiple analogies.\"\n })\n }), \"\\n\"]\n })\n })\n })]\n }), _jsxs(Step, {\n title: \"Test the skill\",\n children: [_jsx(_components.p, {\n children: \"You can test it two ways:\"\n }), _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Let Claude invoke it automatically\"\n }), \" by asking something that matches the description:\"]\n }), _jsx(CodeBlock, {\n numberOfLines: \"2\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"2\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"How does this code work?\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Or invoke it directly\"\n }), \" with the skill name:\"]\n }), _jsx(CodeBlock, {\n numberOfLines: \"2\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"2\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"/explain-code src/auth/login.ts\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), _jsx(_components.p, {\n children: \"Either way, Claude should include an analogy and ASCII diagram in its explanation.\"\n })]\n })]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"where-skills-live\",\n children: \"Where skills live\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Where you store a skill determines who can use it:\"\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Location\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Path\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Applies to\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Enterprise\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"See \", _jsx(_components.a, {\n href: \"/en/permissions#managed-settings\",\n children: \"managed settings\"\n })]\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"All users in your organization\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Personal\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"~/.claude/skills/\u003cskill-name\u003e/SKILL.md\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"All your projects\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Project\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \".claude/skills/\u003cskill-name\u003e/SKILL.md\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"This project only\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Plugin\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"\u003cplugin\u003e/skills/\u003cskill-name\u003e/SKILL.md\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Where plugin is enabled\"\n })]\n })]\n })]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"When skills share the same name across levels, higher-priority locations win: enterprise \u003e personal \u003e project. Plugin skills use a \", _jsx(_components.code, {\n children: \"plugin-name:skill-name\"\n }), \" namespace, so they cannot conflict with other levels. If you have files in \", _jsx(_components.code, {\n children: \".claude/commands/\"\n }), \", those work the same way, but if a skill and a command share the same name, the skill takes precedence.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"4\",\n id: \"automatic-discovery-from-nested-directories\",\n children: \"Automatic discovery from nested directories\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"When you work with files in subdirectories, Claude Code automatically discovers skills from nested \", _jsx(_components.code, {\n children: \".claude/skills/\"\n }), \" directories. For example, if you’re editing a file in \", _jsx(_components.code, {\n children: \"packages/frontend/\"\n }), \", Claude Code also looks for skills in \", _jsx(_components.code, {\n children: \"packages/frontend/.claude/skills/\"\n }), \". This supports monorepo setups where packages have their own skills.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Each skill is a directory with \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" as the entrypoint:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n numberOfLines: \"8\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"8\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"my-skill/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── SKILL.md # Main instructions (required)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── template.md # Template for Claude to fill in\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── examples/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"│ └── sample.md # Example output showing expected format\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"└── scripts/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \" └── validate.sh # Script Claude can execute\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"The \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" contains the main instructions and is required. Other files are optional and let you build more powerful skills: templates for Claude to fill in, example outputs showing the expected format, scripts Claude can execute, or detailed reference documentation. Reference these files from your \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" so Claude knows what they contain and when to load them. See \", _jsx(_components.a, {\n href: \"#add-supporting-files\",\n children: \"Add supporting files\"\n }), \" for more details.\"]\n }), \"\\n\", _jsx(Note, {\n children: _jsxs(_components.p, {\n children: [\"Files in \", _jsx(_components.code, {\n children: \".claude/commands/\"\n }), \" still work and support the same \", _jsx(_components.a, {\n href: \"#frontmatter-reference\",\n children: \"frontmatter\"\n }), \". Skills are recommended since they support additional features like supporting files.\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"4\",\n id: \"skills-from-additional-directories\",\n children: \"Skills from additional directories\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skills defined in \", _jsx(_components.code, {\n children: \".claude/skills/\"\n }), \" within directories added via \", _jsx(_components.code, {\n children: \"--add-dir\"\n }), \" are loaded automatically and picked up by live change detection, so you can edit them during a session without restarting.\"]\n }), \"\\n\", _jsx(Note, {\n children: _jsxs(_components.p, {\n children: [\"CLAUDE.md files from \", _jsx(_components.code, {\n children: \"--add-dir\"\n }), \" directories are not loaded by default. To load them, set \", _jsx(_components.code, {\n children: \"CLAUDE_CODE_ADDITIONAL_DIRECTORIES_CLAUDE_MD=1\"\n }), \". See \", _jsx(_components.a, {\n href: \"/en/memory#load-memory-from-additional-directories\",\n children: \"Load memory from additional directories\"\n }), \".\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"configure-skills\",\n children: \"Configure skills\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skills are configured through YAML frontmatter at the top of \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" and the markdown content that follows.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"types-of-skill-content\",\n children: \"Types of skill content\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Skill files can contain any instructions, but thinking about how you want to invoke them helps guide what to include:\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Reference content\"\n }), \" adds knowledge Claude applies to your current work. Conventions, patterns, style guides, domain knowledge. This content runs inline so Claude can use it alongside your conversation context.\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"9\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"9\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"api-conventions\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"API design patterns for this codebase\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"When writing API endpoints\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Use RESTful naming conventions\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Return consistent error formats\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Include request validation\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Task content\"\n }), \" gives Claude step-by-step instructions for a specific action, like deployments, commits, or code generation. These are often actions you want to invoke directly with \", _jsx(_components.code, {\n children: \"/skill-name\"\n }), \" rather than letting Claude decide when to run them. Add \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" to prevent Claude from triggering it automatically.\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"11\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"11\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"deploy\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Deploy the application to production\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"context\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fork\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"disable-model-invocation\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"true\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Deploy the application\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"1. Run the test suite\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"2. Build the application\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"3. Push to the deployment target\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Your \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" can contain anything, but thinking through how you want the skill invoked (by you, by Claude, or both) and where you want it to run (inline or in a subagent) helps guide what to include. For complex skills, you can also \", _jsx(_components.a, {\n href: \"#add-supporting-files\",\n children: \"add supporting files\"\n }), \" to keep the main skill focused.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"frontmatter-reference\",\n children: \"Frontmatter reference\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Beyond the markdown content, you can configure skill behavior using YAML frontmatter fields between \", _jsx(_components.code, {\n children: \"---\"\n }), \" markers at the top of your \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" file:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"8\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"8\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"my-skill\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"What this skill does\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"disable-model-invocation\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"true\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"allowed-tools\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Read, Grep\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Your skill instructions here...\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"All fields are optional. Only \", _jsx(_components.code, {\n children: \"description\"\n }), \" is recommended so Claude knows when to use the skill.\"]\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Field\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Required\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"name\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Display name for the skill. If omitted, uses the directory name. Lowercase letters, numbers, and hyphens only (max 64 characters).\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"description\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Recommended\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"What the skill does and when to use it. Claude uses this to decide when to apply the skill. If omitted, uses the first paragraph of markdown content.\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"argument-hint\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Hint shown during autocomplete to indicate expected arguments. Example: \", _jsx(_components.code, {\n children: \"[issue-number]\"\n }), \" or \", _jsx(_components.code, {\n children: \"[filename] [format]\"\n }), \".\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"disable-model-invocation\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Set to \", _jsx(_components.code, {\n children: \"true\"\n }), \" to prevent Claude from automatically loading this skill. Use for workflows you want to trigger manually with \", _jsx(_components.code, {\n children: \"/name\"\n }), \". Default: \", _jsx(_components.code, {\n children: \"false\"\n }), \".\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"user-invocable\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Set to \", _jsx(_components.code, {\n children: \"false\"\n }), \" to hide from the \", _jsx(_components.code, {\n children: \"/\"\n }), \" menu. Use for background knowledge users shouldn’t invoke directly. Default: \", _jsx(_components.code, {\n children: \"true\"\n }), \".\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"allowed-tools\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Tools Claude can use without asking permission when this skill is active.\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"model\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Model to use when this skill is active.\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"context\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Set to \", _jsx(_components.code, {\n children: \"fork\"\n }), \" to run in a forked subagent context.\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"agent\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Which subagent type to use when \", _jsx(_components.code, {\n children: \"context: fork\"\n }), \" is set.\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"hooks\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Hooks scoped to this skill’s lifecycle. See \", _jsx(_components.a, {\n href: \"/en/hooks#hooks-in-skills-and-agents\",\n children: \"Hooks in skills and agents\"\n }), \" for configuration format.\"]\n })]\n })]\n })]\n }), \"\\n\", _jsx(Heading, {\n level: \"4\",\n id: \"available-string-substitutions\",\n children: \"Available string substitutions\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Skills support string substitution for dynamic values in the skill content:\"\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Variable\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n })\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"All arguments passed when invoking the skill. If \", _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n }), \" is not present in the content, arguments are appended as \", _jsx(_components.code, {\n children: \"ARGUMENTS: \u003cvalue\u003e\"\n }), \".\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"$ARGUMENTS[N]\"\n })\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Access a specific argument by 0-based index, such as \", _jsx(_components.code, {\n children: \"$ARGUMENTS[0]\"\n }), \" for the first argument.\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"$N\"\n })\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Shorthand for \", _jsx(_components.code, {\n children: \"$ARGUMENTS[N]\"\n }), \", such as \", _jsx(_components.code, {\n children: \"$0\"\n }), \" for the first argument or \", _jsx(_components.code, {\n children: \"$1\"\n }), \" for the second.\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"${CLAUDE_SESSION_ID}\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"The current session ID. Useful for logging, creating session-specific files, or correlating skill output with sessions.\"\n })]\n })]\n })]\n }), \"\\n\", _jsx(_components.p, {\n children: _jsx(_components.strong, {\n children: \"Example using substitutions:\"\n })\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"8\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"8\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"session-logger\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Log activity for this session\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Log the following to logs/${CLAUDE_SESSION_ID}.log\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"$ARGUMENTS\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"add-supporting-files\",\n children: \"Add supporting files\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skills can include multiple files in their directory. This keeps \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" focused on the essentials while letting Claude access detailed reference material only when needed. Large reference docs, API specifications, or example collections don’t need to load into context every time the skill runs.\"]\n }), \"\\n\", _jsx(CodeBlock, {\n numberOfLines: \"7\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"7\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"my-skill/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── SKILL.md (required - overview and navigation)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── reference.md (detailed API docs - loaded when needed)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── examples.md (usage examples - loaded when needed)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"└── scripts/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \" └── helper.py (utility script - executed, not loaded)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Reference supporting files from \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" so Claude knows what each file contains and when to load it:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"4\",\n language: \"markdown\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"markdown\",\n children: _jsxs(_components.code, {\n language: \"markdown\",\n numberOfLines: \"4\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-light-font-weight\": \"bold\",\n \"--shiki-dark\": \"#569CD6\",\n \"--shiki-dark-font-weight\": \"bold\"\n },\n children: \"## Additional resources\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#6796E6\"\n },\n children: \"-\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" For complete API details, see [\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"reference.md\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"](\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-light-text-decoration\": \"underline\",\n \"--shiki-dark\": \"#D4D4D4\",\n \"--shiki-dark-text-decoration\": \"underline\"\n },\n children: \"reference.md\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#6796E6\"\n },\n children: \"-\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" For usage examples, see [\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"examples.md\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"](\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-light-text-decoration\": \"underline\",\n \"--shiki-dark\": \"#D4D4D4\",\n \"--shiki-dark-text-decoration\": \"underline\"\n },\n children: \"examples.md\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(Tip, {\n children: [\"Keep \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" under 500 lines. Move detailed reference material to separate files.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"control-who-invokes-a-skill\",\n children: \"Control who invokes a skill\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"By default, both you and Claude can invoke any skill. You can type \", _jsx(_components.code, {\n children: \"/skill-name\"\n }), \" to invoke it directly, and Claude can load it automatically when relevant to your conversation. Two frontmatter fields let you restrict this:\"]\n }), \"\\n\", _jsxs(_components.ul, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [\"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n })\n }), \": Only you can invoke the skill. Use this for workflows with side effects or that you want to control timing, like \", _jsx(_components.code, {\n children: \"/commit\"\n }), \", \", _jsx(_components.code, {\n children: \"/deploy\"\n }), \", or \", _jsx(_components.code, {\n children: \"/send-slack-message\"\n }), \". You don’t want Claude deciding to deploy because your code looks ready.\"]\n }), \"\\n\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.code, {\n children: \"user-invocable: false\"\n })\n }), \": Only Claude can invoke the skill. Use this for background knowledge that isn’t actionable as a command. A \", _jsx(_components.code, {\n children: \"legacy-system-context\"\n }), \" skill explains how an old system works. Claude should know this when relevant, but \", _jsx(_components.code, {\n children: \"/legacy-system-context\"\n }), \" isn’t a meaningful action for users to take.\"]\n }), \"\\n\"]\n }), \"\\n\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"This example creates a deploy skill that only you can trigger. The \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" field prevents Claude from running it automatically:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"12\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"12\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"deploy\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Deploy the application to production\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"disable-model-invocation\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"true\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Deploy $ARGUMENTS to production\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"1. Run the test suite\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"2. Build the application\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"3. Push to the deployment target\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"4. Verify the deployment succeeded\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(_components.p, {\n children: \"Here’s how the two fields affect invocation and context loading:\"\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Frontmatter\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"You can invoke\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Claude can invoke\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"When loaded into context\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"(default)\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Yes\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Yes\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description always in context, full skill loads when invoked\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Yes\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description not in context, full skill loads when you invoke\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"user-invocable: false\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Yes\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description always in context, full skill loads when invoked\"\n })]\n })]\n })]\n }), \"\\n\", _jsx(Note, {\n children: _jsxs(_components.p, {\n children: [\"In a regular session, skill descriptions are loaded into context so Claude knows what’s available, but full skill content only loads when invoked. \", _jsx(_components.a, {\n href: \"/en/sub-agents#preload-skills-into-subagents\",\n children: \"Subagents with preloaded skills\"\n }), \" work differently: the full skill content is injected at startup.\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"restrict-tool-access\",\n children: \"Restrict tool access\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Use the \", _jsx(_components.code, {\n children: \"allowed-tools\"\n }), \" field to limit which tools Claude can use when a skill is active. This skill creates a read-only mode where Claude can explore files but not modify them:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"5\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"5\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"safe-reader\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Read files without making changes\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"allowed-tools\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Read, Grep, Glob\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"pass-arguments-to-skills\",\n children: \"Pass arguments to skills\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Both you and Claude can pass arguments when invoking a skill. Arguments are available via the \", _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n }), \" placeholder.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"This skill fixes a GitHub issue by number. The \", _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n }), \" placeholder gets replaced with whatever follows the skill name:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"13\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"13\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fix-issue\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Fix a GitHub issue\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"disable-model-invocation\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"true\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Fix GitHub issue $ARGUMENTS following our coding standards.\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"1. Read the issue description\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"2. Understand the requirements\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"3. Implement the fix\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"4. Write tests\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"5. Create a commit\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"When you run \", _jsx(_components.code, {\n children: \"/fix-issue 123\"\n }), \", Claude receives “Fix GitHub issue 123 following our coding standards…”\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"If you invoke a skill with arguments but the skill doesn’t include \", _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n }), \", Claude Code appends \", _jsx(_components.code, {\n children: \"ARGUMENTS: \u003cyour input\u003e\"\n }), \" to the end of the skill content so Claude still sees what you typed.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"To access individual arguments by position, use \", _jsx(_components.code, {\n children: \"$ARGUMENTS[N]\"\n }), \" or the shorter \", _jsx(_components.code, {\n children: \"$N\"\n }), \":\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"7\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"7\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"migrate-component\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Migrate a component from one framework to another\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Migrate the $ARGUMENTS[0] component from $ARGUMENTS[1] to $ARGUMENTS[2].\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Preserve all existing behavior and tests.\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Running \", _jsx(_components.code, {\n children: \"/migrate-component SearchBar React Vue\"\n }), \" replaces \", _jsx(_components.code, {\n children: \"$ARGUMENTS[0]\"\n }), \" with \", _jsx(_components.code, {\n children: \"SearchBar\"\n }), \", \", _jsx(_components.code, {\n children: \"$ARGUMENTS[1]\"\n }), \" with \", _jsx(_components.code, {\n children: \"React\"\n }), \", and \", _jsx(_components.code, {\n children: \"$ARGUMENTS[2]\"\n }), \" with \", _jsx(_components.code, {\n children: \"Vue\"\n }), \". The same skill using the \", _jsx(_components.code, {\n children: \"$N\"\n }), \" shorthand:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"7\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"7\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"migrate-component\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Migrate a component from one framework to another\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Migrate the $0 component from $1 to $2.\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Preserve all existing behavior and tests.\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"advanced-patterns\",\n children: \"Advanced patterns\"\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"inject-dynamic-context\",\n children: \"Inject dynamic context\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"The \", _jsx(_components.code, {\n children: \"!\"\n }), \"command“ syntax runs shell commands before the skill content is sent to Claude. The command output replaces the placeholder, so Claude receives actual data, not the command itself.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"This skill summarizes a pull request by fetching live PR data with the GitHub CLI. The \", _jsx(_components.code, {\n children: \"!\"\n }), \"gh pr diff“ and other commands run first, and their output gets inserted into the prompt:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"15\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"15\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"pr-summary\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Summarize changes in a pull request\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"context\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fork\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"agent\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Explore\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"allowed-tools\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Bash(gh *)\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"## Pull request context\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"PR diff\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#82071E\",\n \"--shiki-light-font-style\": \"italic\",\n \"--shiki-dark\": \"#F44747\",\n \"--shiki-dark-font-style\": \"inherit\"\n },\n children: \"!`gh\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" pr diff`\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"PR comments\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#82071E\",\n \"--shiki-light-font-style\": \"italic\",\n \"--shiki-dark\": \"#F44747\",\n \"--shiki-dark-font-style\": \"inherit\"\n },\n children: \"!`gh\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" pr view --comments`\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Changed files\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#82071E\",\n \"--shiki-light-font-style\": \"italic\",\n \"--shiki-dark\": \"#F44747\",\n \"--shiki-dark-font-style\": \"inherit\"\n },\n children: \"!`gh\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" pr diff --name-only`\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"## Your task\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Summarize this pull request...\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(_components.p, {\n children: \"When this skill runs:\"\n }), \"\\n\", _jsxs(_components.ol, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [\"Each \", _jsx(_components.code, {\n children: \"!\"\n }), \"command“ executes immediately (before Claude sees anything)\"]\n }), \"\\n\", _jsx(_components.li, {\n children: \"The output replaces the placeholder in the skill content\"\n }), \"\\n\", _jsx(_components.li, {\n children: \"Claude receives the fully-rendered prompt with actual PR data\"\n }), \"\\n\"]\n }), \"\\n\", _jsx(_components.p, {\n children: \"This is preprocessing, not something Claude executes. Claude only sees the final result.\"\n }), \"\\n\", _jsx(Tip, {\n children: _jsxs(_components.p, {\n children: [\"To enable \", _jsx(_components.a, {\n href: \"/en/common-workflows#use-extended-thinking-thinking-mode\",\n children: \"extended thinking\"\n }), \" in a skill, include the word “ultrathink” anywhere in your skill content.\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"run-skills-in-a-subagent\",\n children: \"Run skills in a subagent\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Add \", _jsx(_components.code, {\n children: \"context: fork\"\n }), \" to your frontmatter when you want a skill to run in isolation. The skill content becomes the prompt that drives the subagent. It won’t have access to your conversation history.\"]\n }), \"\\n\", _jsx(Warning, {\n children: _jsxs(_components.p, {\n children: [_jsx(_components.code, {\n children: \"context: fork\"\n }), \" only makes sense for skills with explicit instructions. If your skill contains guidelines like “use these API conventions” without a task, the subagent receives the guidelines but no actionable prompt, and returns without meaningful output.\"]\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skills and \", _jsx(_components.a, {\n href: \"/en/sub-agents\",\n children: \"subagents\"\n }), \" work together in two directions:\"]\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Approach\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"System prompt\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Task\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Also loads\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Skill with \", _jsx(_components.code, {\n children: \"context: fork\"\n })]\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"From agent type (\", _jsx(_components.code, {\n children: \"Explore\"\n }), \", \", _jsx(_components.code, {\n children: \"Plan\"\n }), \", etc.)\"]\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"SKILL.md content\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"CLAUDE.md\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Subagent with \", _jsx(_components.code, {\n children: \"skills\"\n }), \" field\"]\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Subagent’s markdown body\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Claude’s delegation message\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Preloaded skills + CLAUDE.md\"\n })]\n })]\n })]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"With \", _jsx(_components.code, {\n children: \"context: fork\"\n }), \", you write the task in your skill and pick an agent type to execute it. For the inverse (defining a custom subagent that uses skills as reference material), see \", _jsx(_components.a, {\n href: \"/en/sub-agents#preload-skills-into-subagents\",\n children: \"Subagents\"\n }), \".\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"4\",\n id: \"example%3A-research-skill-using-explore-agent\",\n children: \"Example: Research skill using Explore agent\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"This skill runs research in a forked Explore agent. The skill content becomes the task, and the agent provides read-only tools optimized for codebase exploration:\"\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"12\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"12\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"deep-research\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Research a topic thoroughly\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"context\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fork\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"agent\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Explore\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Research $ARGUMENTS thoroughly\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"1. Find relevant files using Glob and Grep\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"2. Read and analyze the code\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"3. Summarize findings with specific file references\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(_components.p, {\n children: \"When this skill runs:\"\n }), \"\\n\", _jsxs(_components.ol, {\n children: [\"\\n\", _jsx(_components.li, {\n children: \"A new isolated context is created\"\n }), \"\\n\", _jsx(_components.li, {\n children: \"The subagent receives the skill content as its prompt (“Research $ARGUMENTS thoroughly…”)\"\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"The \", _jsx(_components.code, {\n children: \"agent\"\n }), \" field determines the execution environment (model, tools, and permissions)\"]\n }), \"\\n\", _jsx(_components.li, {\n children: \"Results are summarized and returned to your main conversation\"\n }), \"\\n\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"The \", _jsx(_components.code, {\n children: \"agent\"\n }), \" field specifies which subagent configuration to use. Options include built-in agents (\", _jsx(_components.code, {\n children: \"Explore\"\n }), \", \", _jsx(_components.code, {\n children: \"Plan\"\n }), \", \", _jsx(_components.code, {\n children: \"general-purpose\"\n }), \") or any custom subagent from \", _jsx(_components.code, {\n children: \".claude/agents/\"\n }), \". If omitted, uses \", _jsx(_components.code, {\n children: \"general-purpose\"\n }), \".\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"restrict-claude%E2%80%99s-skill-access\",\n children: \"Restrict Claude’s skill access\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"By default, Claude can invoke any skill that doesn’t have \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" set. Skills that define \", _jsx(_components.code, {\n children: \"allowed-tools\"\n }), \" grant Claude access to those tools without per-use approval when the skill is active. Your \", _jsx(_components.a, {\n href: \"/en/permissions\",\n children: \"permission settings\"\n }), \" still govern baseline approval behavior for all other tools. Built-in commands like \", _jsx(_components.code, {\n children: \"/compact\"\n }), \" and \", _jsx(_components.code, {\n children: \"/init\"\n }), \" are not available through the Skill tool.\"]\n }), \"\\n\", _jsx(_components.p, {\n children: \"Three ways to control which skills Claude can invoke:\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Disable all skills\"\n }), \" by denying the Skill tool in \", _jsx(_components.code, {\n children: \"/permissions\"\n }), \":\"]\n }), \"\\n\", _jsx(CodeBlock, {\n numberOfLines: \"3\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"3\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"# Add to deny rules:\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"Skill\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Allow or deny specific skills\"\n }), \" using \", _jsx(_components.a, {\n href: \"/en/permissions\",\n children: \"permission rules\"\n }), \":\"]\n }), \"\\n\", _jsx(CodeBlock, {\n numberOfLines: \"7\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"7\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"# Allow only specific skills\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"Skill(commit)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"Skill(review-pr *)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"# Deny specific skills\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"Skill(deploy *)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Permission syntax: \", _jsx(_components.code, {\n children: \"Skill(name)\"\n }), \" for exact match, \", _jsx(_components.code, {\n children: \"Skill(name *)\"\n }), \" for prefix match with any arguments.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Hide individual skills\"\n }), \" by adding \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" to their frontmatter. This removes the skill from Claude’s context entirely.\"]\n }), \"\\n\", _jsx(Note, {\n children: _jsxs(_components.p, {\n children: [\"The \", _jsx(_components.code, {\n children: \"user-invocable\"\n }), \" field only controls menu visibility, not Skill tool access. Use \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" to block programmatic invocation.\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"share-skills\",\n children: \"Share skills\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Skills can be distributed at different scopes depending on your audience:\"\n }), \"\\n\", _jsxs(_components.ul, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: \"Project skills\"\n }), \": Commit \", _jsx(_components.code, {\n children: \".claude/skills/\"\n }), \" to version control\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: \"Plugins\"\n }), \": Create a \", _jsx(_components.code, {\n children: \"skills/\"\n }), \" directory in your \", _jsx(_components.a, {\n href: \"/en/plugins\",\n children: \"plugin\"\n })]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: \"Managed\"\n }), \": Deploy organization-wide through \", _jsx(_components.a, {\n href: \"/en/permissions#managed-settings\",\n children: \"managed settings\"\n })]\n }), \"\\n\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"generate-visual-output\",\n children: \"Generate visual output\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Skills can bundle and run scripts in any language, giving Claude capabilities beyond what’s possible in a single prompt. One powerful pattern is generating visual output: interactive HTML files that open in your browser for exploring data, debugging, or creating reports.\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"This example creates a codebase explorer: an interactive tree view where you can expand and collapse directories, see file sizes at a glance, and identify file types by color.\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Create the Skill directory:\"\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"1\",\n language: \"shellscript\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"shellscript\",\n children: _jsxs(_components.code, {\n language: \"shellscript\",\n numberOfLines: \"1\",\n children: [_jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \"mkdir\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" -p\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" ~/.claude/skills/codebase-visualizer/scripts\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Create \", _jsx(_components.code, {\n children: \"~/.claude/skills/codebase-visualizer/SKILL.md\"\n }), \". The description tells Claude when to activate this Skill, and the instructions tell Claude to run the bundled script:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"26\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"26\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"codebase-visualizer\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Generate an interactive collapsible tree visualization of your codebase. Use when exploring a new repo, understanding project structure, or identifying large files.\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"allowed-tools\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Bash(python *)\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"# Codebase Visualizer\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Generate an interactive HTML tree view that shows your project's file structure with collapsible directories.\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"## Usage\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Run the visualization script from your project root\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"```\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"bash\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"python ~/.claude/skills/codebase-visualizer/scripts/visualize.py .\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"```\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"This creates `codebase-map.html` in the current directory and opens it in your default browser.\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"## What the visualization shows\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"*Collapsible\"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" directories**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Click folders to expand/collapse\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"*File\"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" sizes**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Displayed next to each file\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"*Colors**:\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" Different colors for different file types\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"*Directory\"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" totals**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Shows aggregate size of each folder\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Create \", _jsx(_components.code, {\n children: \"~/.claude/skills/codebase-visualizer/scripts/visualize.py\"\n }), \". This script scans a directory tree and generates a self-contained HTML file with:\"]\n }), \"\\n\", _jsxs(_components.ul, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [\"A \", _jsx(_components.strong, {\n children: \"summary sidebar\"\n }), \" showing file count, directory count, total size, and number of file types\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"A \", _jsx(_components.strong, {\n children: \"bar chart\"\n }), \" breaking down the codebase by file type (top 8 by size)\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"A \", _jsx(_components.strong, {\n children: \"collapsible tree\"\n }), \" where you can expand and collapse directories, with color-coded file type indicators\"]\n }), \"\\n\"]\n }), \"\\n\", _jsx(_components.p, {\n children: \"The script requires Python but uses only built-in libraries, so there are no packages to install:\"\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n expandable: \"true\",\n numberOfLines: \"131\",\n language: \"python\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"python\",\n children: _jsxs(_components.code, {\n language: \"python\",\n numberOfLines: \"131\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"#!/usr/bin/env python3\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\\\"\\\"Generate an interactive collapsible tree visualization of a codebase.\\\"\\\"\\\"\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" json\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" sys\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" webbrowser\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"from\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" pathlib \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" Path\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"from\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" collections \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" Counter\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"IGNORE\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" =\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.git'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'node_modules'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'__pycache__'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.venv'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'venv'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'dist'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'build'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"}\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"def\"\n }), _jsx(_components.span, {\n style: {\n color: \"#8250DF\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" scan\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"path\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": Path, \"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"stats\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \"dict\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \") -\u003e \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \"dict\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"name\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": path.name, \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"children\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": [], \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"0\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" try\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" for\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"in\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" sorted\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(path.iterdir()):\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.name \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"in\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" IGNORE\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" or\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.name.startswith(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"):\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" continue\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.is_file():\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" size \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.stat().st_size\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" ext \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.suffix.lower() \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"or\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '(no ext)'\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"children\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"].append({\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"name\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": item.name, \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": size, \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"ext\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": ext})\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" size\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"files\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"extensions\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"][ext] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"ext_sizes\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"][ext] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" size\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" elif\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.is_dir():\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"dirs\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" child \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" scan(item, stats)\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" child[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"children\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]:\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"children\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"].append(child)\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" child[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" except\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \" PermissionError\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" pass\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" return\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"def\"\n }), _jsx(_components.span, {\n style: {\n color: \"#8250DF\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" generate_html\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"data\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \"dict\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"stats\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \"dict\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"output\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": Path) -\u003e \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"None\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" ext_sizes \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"ext_sizes\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" total_size \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" sum\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(ext_sizes.values()) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"or\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" sorted_exts \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" sorted\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(ext_sizes.items(), \"\n }), _jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"key\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"lambda\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \" x\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"-\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"x[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"1\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"])[:\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"8\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" colors \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" {\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.js'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#f7df1e'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.ts'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#3178c6'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.py'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#3776ab'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.go'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#00add8'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \",\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.rs'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#dea584'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.rb'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#cc342d'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.css'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#264de4'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.html'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#e34c26'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \",\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.json'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#6b7280'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.md'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#083fa1'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.yaml'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#cb171e'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.yml'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#cb171e'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \",\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.mdx'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#083fa1'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.tsx'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#3178c6'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.jsx'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#61dafb'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.sh'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#4eaa25'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \",\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" }\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" lang_bars \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \\\"\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \".join(\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\u003cdiv class=\\\"bar-row\\\"\u003e\u003cspan class=\\\"bar-label\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"ext\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e'\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\u003cdiv class=\\\"bar\\\" style=\\\"width:\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(size\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"/\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"total_size)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"100\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"%;background:\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"colors.get(ext,\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"#6b7280\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\u003e\u003c/div\u003e'\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\u003cspan class=\\\"bar-pct\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(size\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"/\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"total_size)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"100\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":.1f}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"%\u003c/span\u003e\u003c/div\u003e'\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" for\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" ext, size \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"in\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" sorted_exts\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" )\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" def\"\n }), _jsx(_components.span, {\n style: {\n color: \"#8250DF\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" fmt\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"b\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"):\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" b \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"\u003c\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1024\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"return\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"b\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" B\\\"\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" b \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"\u003c\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1048576\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"return\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"b\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"/\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"1024\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":.1f}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" KB\\\"\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" return\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"b\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"/\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"1048576\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":.1f}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" MB\\\"\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" html \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'''\u003c!DOCTYPE html\u003e\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003chtml\u003e\u003chead\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cmeta charset=\\\"utf-8\\\"\u003e\u003ctitle\u003eCodebase Explorer\u003c/title\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cstyle\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" body \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" font: 14px/1.5 system-ui, sans-serif; margin: 0; background: #1a1a2e; color: #eee; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .container \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" display: flex; height: 100vh; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .sidebar \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" width: 280px; background: #252542; padding: 20px; border-right: 1px solid #3d3d5c; overflow-y: auto; flex-shrink: 0; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .main \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" flex: 1; padding: 20px; overflow-y: auto; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" h1 \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" margin: 0 0 10px 0; font-size: 18px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" h2 \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" margin: 20px 0 10px 0; font-size: 14px; color: #888; text-transform: uppercase; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .stat \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #3d3d5c; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .stat-value \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" font-weight: bold; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .bar-row \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" display: flex; align-items: center; margin: 6px 0; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .bar-label \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" width: 55px; font-size: 12px; color: #aaa; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .bar \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" height: 18px; border-radius: 3px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .bar-pct \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" margin-left: 8px; font-size: 12px; color: #666; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .tree \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" list-style: none; padding-left: 20px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" details \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" cursor: pointer; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" summary \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" padding: 4px 8px; border-radius: 4px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" summary:hover \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" background: #2d2d44; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .folder \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" color: #ffd700; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .file \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" display: flex; align-items: center; padding: 4px 8px; border-radius: 4px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .file:hover \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" background: #2d2d44; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .size \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" color: #888; margin-left: auto; font-size: 12px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .dot \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" width: 8px; height: 8px; border-radius: 50%; margin-right: 8px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/style\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/head\u003e\u003cbody\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"container\\\"\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"sidebar\\\"\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003ch1\u003e📊 Summary\u003c/h1\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"stat\\\"\u003e\u003cspan\u003eFiles\u003c/span\u003e\u003cspan class=\\\"stat-value\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"files\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":,}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/div\u003e\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"stat\\\"\u003e\u003cspan\u003eDirectories\u003c/span\u003e\u003cspan class=\\\"stat-value\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"dirs\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":,}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/div\u003e\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"stat\\\"\u003e\u003cspan\u003eTotal size\u003c/span\u003e\u003cspan class=\\\"stat-value\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"fmt(data[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"])\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/div\u003e\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"stat\\\"\u003e\u003cspan\u003eFile types\u003c/span\u003e\u003cspan class=\\\"stat-value\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \"len\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"extensions\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"])\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/div\u003e\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003ch2\u003eBy file type\u003c/h2\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"lang_bars\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/div\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"main\\\"\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003ch1\u003e📁 \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"data[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"name\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/h1\u003e\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cul class=\\\"tree\\\" id=\\\"root\\\"\u003e\u003c/ul\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/div\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/div\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cscript\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const data = \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"json.dumps(data)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \";\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const colors = \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"json.dumps(colors)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \";\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" function fmt(b) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" if (b \u003c 1024) return b + ' B'; if (b \u003c 1048576) return (b/1024).toFixed(1) + ' KB'; return (b/1048576).toFixed(1) + ' MB'; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" function render(node, parent) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" if (node.children) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const det = document.createElement('details');\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" det.open = parent === document.getElementById('root');\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" det.innerHTML = `\u003csummary\u003e\u003cspan class=\\\"folder\\\"\u003e📁 $\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"node.name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003cspan class=\\\"size\\\"\u003e$\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fmt(node.size)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/summary\u003e`;\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const ul = document.createElement('ul'); ul.className = 'tree';\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" node.children.sort((a,b) =\u003e (b.children?1:0)-(a.children?1:0) || a.name.localeCompare(b.name));\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" node.children.forEach(c =\u003e render(c, ul));\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" det.appendChild(ul);\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const li = document.createElement('li'); li.appendChild(det); parent.appendChild(li);\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \" }}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" else \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const li = document.createElement('li'); li.className = 'file';\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" li.innerHTML = `\u003cspan class=\\\"dot\\\" style=\\\"background:$\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"colors[node.ext]||'#6b7280'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\u003e\u003c/span\u003e$\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"node.name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003cspan class=\\\"size\\\"\u003e$\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fmt(node.size)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e`;\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" parent.appendChild(li);\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \" }}\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \" }}\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" data.children.forEach(c =\u003e render(c, document.getElementById('root')));\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/script\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/body\u003e\u003c/html\u003e'''\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" output.write_text(html)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \" __name__\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" ==\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '__main__'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" target \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" Path(sys.argv[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"1\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" len\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(sys.argv) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" else\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \").resolve()\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"files\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"0\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"dirs\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"0\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"extensions\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": Counter(), \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"ext_sizes\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": Counter()}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" data \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" scan(target, stats)\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" out \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" Path(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'codebase-map.html'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" generate_html(data, stats, out)\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" print\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'Generated \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"out.absolute()\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" webbrowser.open(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'file://\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"out.absolute()\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"To test, open Claude Code in any project and ask “Visualize this codebase.” Claude runs the script, generates \", _jsx(_components.code, {\n children: \"codebase-map.html\"\n }), \", and opens it in your browser.\"]\n }), \"\\n\", _jsx(_components.p, {\n children: \"This pattern works for any visual output: dependency graphs, test coverage reports, API documentation, or database schema visualizations. The bundled script does the heavy lifting while Claude handles orchestration.\"\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"troubleshooting\",\n children: \"Troubleshooting\"\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"skill-not-triggering\",\n children: \"Skill not triggering\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"If Claude doesn’t use your skill when expected:\"\n }), \"\\n\", _jsxs(_components.ol, {\n children: [\"\\n\", _jsx(_components.li, {\n children: \"Check the description includes keywords users would naturally say\"\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"Verify the skill appears in \", _jsx(_components.code, {\n children: \"What skills are available?\"\n })]\n }), \"\\n\", _jsx(_components.li, {\n children: \"Try rephrasing your request to match the description more closely\"\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"Invoke it directly with \", _jsx(_components.code, {\n children: \"/skill-name\"\n }), \" if the skill is user-invocable\"]\n }), \"\\n\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"skill-triggers-too-often\",\n children: \"Skill triggers too often\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"If Claude uses your skill when you don’t want it:\"\n }), \"\\n\", _jsxs(_components.ol, {\n children: [\"\\n\", _jsx(_components.li, {\n children: \"Make the description more specific\"\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"Add \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" if you only want manual invocation\"]\n }), \"\\n\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"claude-doesn%E2%80%99t-see-all-my-skills\",\n children: \"Claude doesn’t see all my skills\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skill descriptions are loaded into context so Claude knows what’s available. If you have many skills, they may exceed the character budget. The budget scales dynamically at 2% of the context window, with a fallback of 16,000 characters. Run \", _jsx(_components.code, {\n children: \"/context\"\n }), \" to check for a warning about excluded skills.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"To override the limit, set the \", _jsx(_components.code, {\n children: \"SLASH_COMMAND_TOOL_CHAR_BUDGET\"\n }), \" environment variable.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"related-resources\",\n children: \"Related resources\"\n }), \"\\n\", _jsxs(_components.ul, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/sub-agents\",\n children: \"Subagents\"\n })\n }), \": delegate tasks to specialized agents\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/plugins\",\n children: \"Plugins\"\n })\n }), \": package and distribute skills with other extensions\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/hooks\",\n children: \"Hooks\"\n })\n }), \": automate workflows around tool events\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/memory\",\n children: \"Memory\"\n })\n }), \": manage CLAUDE.md files for persistent context\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/interactive-mode#built-in-commands\",\n children: \"Interactive mode\"\n })\n }), \": built-in commands and shortcuts\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/permissions\",\n children: \"Permissions\"\n })\n }), \": control tool and skill access\"]\n }), \"\\n\"]\n })]\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n"])</script><script>self.__next_f.push([1,"39:[\"$\",\"$L3d\",null,{\"slug\":\"en/skills\",\"pageMetadata\":\"$1a:props:children:props:value:pageMetadata\",\"theme\":\"mint\",\"children\":[\"$\",\"$L3e\",null,{\"mdxSource\":{\"compiledSource\":\"$3f\",\"frontmatter\":{},\"scope\":{\"config\":{},\"pageMetadata\":{\"title\":\"Extend Claude with skills\",\"description\":\"Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands.\",\"href\":\"/en/skills\"}}},\"mdxSourceWithNoJs\":{\"compiledSource\":\"$40\",\"frontmatter\":{},\"scope\":{\"config\":{},\"pageMetadata\":{\"title\":\"Extend Claude with skills\",\"description\":\"Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands.\",\"href\":\"/en/skills\"}}}}]}]\n"])</script><script>self.__next_f.push([1,"41:I[1221,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"45960\",\"static/chunks/45960-6a130743f551197d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"83378\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%40topbar/%5B%5B...slug%5D%5D/page-e4ccff3e6922c6c6.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"TopBar\",1]\n"])</script><script>self.__next_f.push([1,"16:[\"$\",\"$L41\",null,{\"pageMetadata\":{\"title\":\"Extend Claude with skills\",\"description\":\"Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands.\",\"href\":\"/en/skills\",\"hidden\":false},\"docsConfig\":{\"theme\":\"mint\",\"$schema\":\"https://mintlify.com/docs.json\",\"name\":\"Claude Code Docs\",\"colors\":{\"primary\":\"#0E0E0E\",\"light\":\"#D4A27F\",\"dark\":\"#0E0E0E\"},\"logo\":{\"light\":\"https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/light.svg?fit=max\u0026auto=format\u0026n=o69F7a6qoW9vboof\u0026q=85\u0026s=536eade682636e84231afce2577f9509\",\"dark\":\"https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/dark.svg?fit=max\u0026auto=format\u0026n=o69F7a6qoW9vboof\u0026q=85\u0026s=0766b3221061e80143e9f300733e640b\"},\"favicon\":\"/favicon.ico\",\"appearance\":{\"default\":\"system\"},\"background\":{\"color\":{\"light\":\"#FDFDF7\",\"dark\":\"#09090B\"}},\"navbar\":{\"links\":[{\"href\":\"https://platform.claude.com/\",\"label\":\"Claude Developer Platform\"}],\"primary\":{\"type\":\"button\",\"label\":\"Claude Code on the Web\",\"href\":\"https://claude.ai/code\"}},\"navigation\":{\"languages\":[{\"language\":\"en\",\"tabs\":[{\"tab\":\"Getting started\",\"groups\":[{\"group\":\"Getting started\",\"pages\":[\"en/overview\",\"en/quickstart\",\"en/changelog\"]},{\"group\":\"Core concepts\",\"pages\":[\"en/how-claude-code-works\",\"en/features-overview\",\"en/common-workflows\",\"en/best-practices\"]},{\"group\":\"Platforms and integrations\",\"pages\":[\"en/claude-code-on-the-web\",{\"group\":\"Claude Code on desktop\",\"pages\":[\"en/desktop-quickstart\",\"en/desktop\"]},\"en/chrome\",\"en/vs-code\",\"en/jetbrains\",\"en/github-actions\",\"en/gitlab-ci-cd\",\"en/slack\"]}]},{\"tab\":\"Build with Claude Code\",\"groups\":[{\"group\":\"Build with Claude Code\",\"pages\":[\"en/sub-agents\",\"en/agent-teams\",\"en/plugins\",\"en/discover-plugins\",\"en/skills\",\"en/output-styles\",\"en/hooks-guide\",\"en/headless\",\"en/mcp\",\"en/troubleshooting\"]}]},{\"tab\":\"Deployment\",\"groups\":[{\"group\":\"Deployment\",\"pages\":[\"en/third-party-integrations\",\"en/amazon-bedrock\",\"en/google-vertex-ai\",\"en/microsoft-foundry\",\"en/network-config\",\"en/llm-gateway\",\"en/devcontainer\"]}]},{\"tab\":\"Administration\",\"groups\":[{\"group\":\"Administration\",\"pages\":[\"en/setup\",\"en/authentication\",\"en/security\",\"en/server-managed-settings\",\"en/data-usage\",\"en/monitoring-usage\",\"en/costs\",\"en/analytics\",\"en/plugin-marketplaces\"]}]},{\"tab\":\"Configuration\",\"groups\":[{\"group\":\"Configuration\",\"pages\":[\"en/settings\",\"en/permissions\",\"en/sandboxing\",\"en/terminal-config\",\"en/model-config\",\"en/fast-mode\",\"en/memory\",\"en/statusline\",\"en/keybindings\"]}]},{\"tab\":\"Reference\",\"groups\":[{\"group\":\"Reference\",\"pages\":[\"en/cli-reference\",\"en/interactive-mode\",\"en/checkpointing\",\"en/hooks\",\"en/plugins-reference\"]}]},{\"tab\":\"Resources\",\"groups\":[{\"group\":\"Resources\",\"pages\":[\"en/legal-and-compliance\"]}]}]},{\"language\":\"fr\",\"tabs\":[{\"tab\":\"Démarrer\",\"groups\":[{\"group\":\"Démarrer\",\"pages\":[\"fr/overview\",\"fr/quickstart\",\"fr/changelog\"]},{\"group\":\"Concepts fondamentaux\",\"pages\":[\"fr/how-claude-code-works\",\"fr/features-overview\",\"fr/common-workflows\",\"fr/best-practices\"]},{\"group\":\"Plateformes et intégrations\",\"pages\":[\"fr/claude-code-on-the-web\",\"fr/desktop\",\"fr/chrome\",\"fr/vs-code\",\"fr/jetbrains\",\"fr/github-actions\",\"fr/gitlab-ci-cd\",\"fr/slack\"]}]},{\"tab\":\"Créer avec Claude Code\",\"groups\":[{\"group\":\"Créer avec Claude Code\",\"pages\":[\"fr/sub-agents\",\"fr/agent-teams\",\"fr/plugins\",\"fr/discover-plugins\",\"fr/skills\",\"fr/output-styles\",\"fr/hooks-guide\",\"fr/headless\",\"fr/mcp\",\"fr/troubleshooting\"]}]},{\"tab\":\"Déploiement\",\"groups\":[{\"group\":\"Déploiement\",\"pages\":[\"fr/third-party-integrations\",\"fr/amazon-bedrock\",\"fr/google-vertex-ai\",\"fr/microsoft-foundry\",\"fr/network-config\",\"fr/llm-gateway\",\"fr/devcontainer\"]}]},{\"tab\":\"Administration\",\"groups\":[{\"group\":\"Administration\",\"pages\":[\"fr/setup\",\"fr/authentication\",\"fr/security\",\"fr/server-managed-settings\",\"fr/data-usage\",\"fr/monitoring-usage\",\"fr/costs\",\"fr/analytics\",\"fr/plugin-marketplaces\"]}]},{\"tab\":\"Configuration\",\"groups\":[{\"group\":\"Configuration\",\"pages\":[\"fr/settings\",\"fr/permissions\",\"fr/sandboxing\",\"fr/terminal-config\",\"fr/model-config\",\"fr/fast-mode\",\"fr/memory\",\"fr/statusline\",\"fr/keybindings\"]}]},{\"tab\":\"Référence\",\"groups\":[{\"group\":\"Référence\",\"pages\":[\"fr/cli-reference\",\"fr/interactive-mode\",\"fr/checkpointing\",\"fr/hooks\",\"fr/plugins-reference\"]}]},{\"tab\":\"Ressources\",\"groups\":[{\"group\":\"Ressources\",\"pages\":[\"fr/legal-and-compliance\"]}]}]},{\"language\":\"de\",\"tabs\":[{\"tab\":\"Erste Schritte\",\"groups\":[{\"group\":\"Erste Schritte\",\"pages\":[\"de/overview\",\"de/quickstart\",\"de/changelog\"]},{\"group\":\"Kernkonzepte\",\"pages\":[\"de/how-claude-code-works\",\"de/features-overview\",\"de/common-workflows\",\"de/best-practices\"]},{\"group\":\"Plattformen und Integrationen\",\"pages\":[\"de/claude-code-on-the-web\",\"de/desktop\",\"de/chrome\",\"de/vs-code\",\"de/jetbrains\",\"de/github-actions\",\"de/gitlab-ci-cd\",\"de/slack\"]}]},{\"tab\":\"Mit Claude Code erstellen\",\"groups\":[{\"group\":\"Mit Claude Code erstellen\",\"pages\":[\"de/sub-agents\",\"de/agent-teams\",\"de/plugins\",\"de/discover-plugins\",\"de/skills\",\"de/output-styles\",\"de/hooks-guide\",\"de/headless\",\"de/mcp\",\"de/troubleshooting\"]}]},{\"tab\":\"Bereitstellung\",\"groups\":[{\"group\":\"Bereitstellung\",\"pages\":[\"de/third-party-integrations\",\"de/amazon-bedrock\",\"de/google-vertex-ai\",\"de/microsoft-foundry\",\"de/network-config\",\"de/llm-gateway\",\"de/devcontainer\"]}]},{\"tab\":\"Verwaltung\",\"groups\":[{\"group\":\"Verwaltung\",\"pages\":[\"de/setup\",\"de/authentication\",\"de/security\",\"de/server-managed-settings\",\"de/data-usage\",\"de/monitoring-usage\",\"de/costs\",\"de/analytics\",\"de/plugin-marketplaces\"]}]},{\"tab\":\"Konfiguration\",\"groups\":[{\"group\":\"Konfiguration\",\"pages\":[\"de/settings\",\"de/permissions\",\"de/sandboxing\",\"de/terminal-config\",\"de/model-config\",\"de/fast-mode\",\"de/memory\",\"de/statusline\",\"de/keybindings\"]}]},{\"tab\":\"Referenz\",\"groups\":[{\"group\":\"Referenz\",\"pages\":[\"de/cli-reference\",\"de/interactive-mode\",\"de/checkpointing\",\"de/hooks\",\"de/plugins-reference\"]}]},{\"tab\":\"Ressourcen\",\"groups\":[{\"group\":\"Ressourcen\",\"pages\":[\"de/legal-and-compliance\"]}]}]},{\"language\":\"it\",\"tabs\":[{\"tab\":\"Guida introduttiva\",\"groups\":[{\"group\":\"Guida introduttiva\",\"pages\":[\"it/overview\",\"it/quickstart\",\"it/changelog\"]},{\"group\":\"Concetti fondamentali\",\"pages\":[\"it/how-claude-code-works\",\"it/features-overview\",\"it/common-workflows\",\"it/best-practices\"]},{\"group\":\"Piattaforme e integrazioni\",\"pages\":[\"it/claude-code-on-the-web\",\"it/desktop\",\"it/chrome\",\"it/vs-code\",\"it/jetbrains\",\"it/github-actions\",\"it/gitlab-ci-cd\",\"it/slack\"]}]},{\"tab\":\"Sviluppate con Claude Code\",\"groups\":[{\"group\":\"Sviluppate con Claude Code\",\"pages\":[\"it/sub-agents\",\"it/agent-teams\",\"it/plugins\",\"it/discover-plugins\",\"it/skills\",\"it/output-styles\",\"it/hooks-guide\",\"it/headless\",\"it/mcp\",\"it/troubleshooting\"]}]},{\"tab\":\"Distribuzione\",\"groups\":[{\"group\":\"Distribuzione\",\"pages\":[\"it/third-party-integrations\",\"it/amazon-bedrock\",\"it/google-vertex-ai\",\"it/microsoft-foundry\",\"it/network-config\",\"it/llm-gateway\",\"it/devcontainer\"]}]},{\"tab\":\"Amministrazione\",\"groups\":[{\"group\":\"Amministrazione\",\"pages\":[\"it/setup\",\"it/authentication\",\"it/security\",\"it/server-managed-settings\",\"it/data-usage\",\"it/monitoring-usage\",\"it/costs\",\"it/analytics\",\"it/plugin-marketplaces\"]}]},{\"tab\":\"Configurazione\",\"groups\":[{\"group\":\"Configurazione\",\"pages\":[\"it/settings\",\"it/permissions\",\"it/sandboxing\",\"it/terminal-config\",\"it/model-config\",\"it/fast-mode\",\"it/memory\",\"it/statusline\",\"it/keybindings\"]}]},{\"tab\":\"Riferimento\",\"groups\":[{\"group\":\"Riferimento\",\"pages\":[\"it/cli-reference\",\"it/interactive-mode\",\"it/checkpointing\",\"it/hooks\",\"it/plugins-reference\"]}]},{\"tab\":\"Risorse\",\"groups\":[{\"group\":\"Risorse\",\"pages\":[\"it/legal-and-compliance\"]}]}]},{\"language\":\"jp\",\"tabs\":[{\"tab\":\"はじめに\",\"groups\":[{\"group\":\"はじめに\",\"pages\":[\"ja/overview\",\"ja/quickstart\",\"ja/changelog\"]},{\"group\":\"コア概念\",\"pages\":[\"ja/how-claude-code-works\",\"ja/features-overview\",\"ja/common-workflows\",\"ja/best-practices\"]},{\"group\":\"プラットフォームと統合\",\"pages\":[\"ja/claude-code-on-the-web\",\"ja/desktop\",\"ja/chrome\",\"ja/vs-code\",\"ja/jetbrains\",\"ja/github-actions\",\"ja/gitlab-ci-cd\",\"ja/slack\"]}]},{\"tab\":\"Claude Code で構築する\",\"groups\":[{\"group\":\"Claude Code で構築する\",\"pages\":[\"ja/sub-agents\",\"ja/agent-teams\",\"ja/plugins\",\"ja/discover-plugins\",\"ja/skills\",\"ja/output-styles\",\"ja/hooks-guide\",\"ja/headless\",\"ja/mcp\",\"ja/troubleshooting\"]}]},{\"tab\":\"デプロイ\",\"groups\":[{\"group\":\"デプロイ\",\"pages\":[\"ja/third-party-integrations\",\"ja/amazon-bedrock\",\"ja/google-vertex-ai\",\"ja/microsoft-foundry\",\"ja/network-config\",\"ja/llm-gateway\",\"ja/devcontainer\"]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[\"ja/setup\",\"ja/authentication\",\"ja/security\",\"ja/server-managed-settings\",\"ja/data-usage\",\"ja/monitoring-usage\",\"ja/costs\",\"ja/analytics\",\"ja/plugin-marketplaces\"]}]},{\"tab\":\"設定\",\"groups\":[{\"group\":\"設定\",\"pages\":[\"ja/settings\",\"ja/permissions\",\"ja/sandboxing\",\"ja/terminal-config\",\"ja/model-config\",\"ja/fast-mode\",\"ja/memory\",\"ja/statusline\",\"ja/keybindings\"]}]},{\"tab\":\"リファレンス\",\"groups\":[{\"group\":\"リファレンス\",\"pages\":[\"ja/cli-reference\",\"ja/interactive-mode\",\"ja/checkpointing\",\"ja/hooks\",\"ja/plugins-reference\"]}]},{\"tab\":\"リソース\",\"groups\":[{\"group\":\"リソース\",\"pages\":[\"ja/legal-and-compliance\"]}]}]},{\"language\":\"es\",\"tabs\":[{\"tab\":\"Primeros pasos\",\"groups\":[{\"group\":\"Primeros pasos\",\"pages\":[\"es/overview\",\"es/quickstart\",\"es/changelog\"]},{\"group\":\"Conceptos fundamentales\",\"pages\":[\"es/how-claude-code-works\",\"es/features-overview\",\"es/common-workflows\",\"es/best-practices\"]},{\"group\":\"Plataformas e integraciones\",\"pages\":[\"es/claude-code-on-the-web\",\"es/desktop\",\"es/chrome\",\"es/vs-code\",\"es/jetbrains\",\"es/github-actions\",\"es/gitlab-ci-cd\",\"es/slack\"]}]},{\"tab\":\"Crear con Claude Code\",\"groups\":[{\"group\":\"Crear con Claude Code\",\"pages\":[\"es/sub-agents\",\"es/agent-teams\",\"es/plugins\",\"es/discover-plugins\",\"es/skills\",\"es/output-styles\",\"es/hooks-guide\",\"es/headless\",\"es/mcp\",\"es/troubleshooting\"]}]},{\"tab\":\"Implementación\",\"groups\":[{\"group\":\"Implementación\",\"pages\":[\"es/third-party-integrations\",\"es/amazon-bedrock\",\"es/google-vertex-ai\",\"es/microsoft-foundry\",\"es/network-config\",\"es/llm-gateway\",\"es/devcontainer\"]}]},{\"tab\":\"Administración\",\"groups\":[{\"group\":\"Administración\",\"pages\":[\"es/setup\",\"es/authentication\",\"es/security\",\"es/server-managed-settings\",\"es/data-usage\",\"es/monitoring-usage\",\"es/costs\",\"es/analytics\",\"es/plugin-marketplaces\"]}]},{\"tab\":\"Configuración\",\"groups\":[{\"group\":\"Configuración\",\"pages\":[\"es/settings\",\"es/permissions\",\"es/sandboxing\",\"es/terminal-config\",\"es/model-config\",\"es/fast-mode\",\"es/memory\",\"es/statusline\",\"es/keybindings\"]}]},{\"tab\":\"Referencia\",\"groups\":[{\"group\":\"Referencia\",\"pages\":[\"es/cli-reference\",\"es/interactive-mode\",\"es/checkpointing\",\"es/hooks\",\"es/plugins-reference\"]}]},{\"tab\":\"Recursos\",\"groups\":[{\"group\":\"Recursos\",\"pages\":[\"es/legal-and-compliance\"]}]}]},{\"language\":\"ko\",\"tabs\":[{\"tab\":\"시작하기\",\"groups\":[{\"group\":\"시작하기\",\"pages\":[\"ko/overview\",\"ko/quickstart\",\"ko/changelog\"]},{\"group\":\"핵심 개념\",\"pages\":[\"ko/how-claude-code-works\",\"ko/features-overview\",\"ko/common-workflows\",\"ko/best-practices\"]},{\"group\":\"플랫폼 및 통합\",\"pages\":[\"ko/claude-code-on-the-web\",\"ko/desktop\",\"ko/chrome\",\"ko/vs-code\",\"ko/jetbrains\",\"ko/github-actions\",\"ko/gitlab-ci-cd\",\"ko/slack\"]}]},{\"tab\":\"Claude Code로 빌드하기\",\"groups\":[{\"group\":\"Claude Code로 빌드하기\",\"pages\":[\"ko/sub-agents\",\"ko/agent-teams\",\"ko/plugins\",\"ko/discover-plugins\",\"ko/skills\",\"ko/output-styles\",\"ko/hooks-guide\",\"ko/headless\",\"ko/mcp\",\"ko/troubleshooting\"]}]},{\"tab\":\"배포\",\"groups\":[{\"group\":\"배포\",\"pages\":[\"ko/third-party-integrations\",\"ko/amazon-bedrock\",\"ko/google-vertex-ai\",\"ko/microsoft-foundry\",\"ko/network-config\",\"ko/llm-gateway\",\"ko/devcontainer\"]}]},{\"tab\":\"관리\",\"groups\":[{\"group\":\"관리\",\"pages\":[\"ko/setup\",\"ko/authentication\",\"ko/security\",\"ko/server-managed-settings\",\"ko/data-usage\",\"ko/monitoring-usage\",\"ko/costs\",\"ko/analytics\",\"ko/plugin-marketplaces\"]}]},{\"tab\":\"구성\",\"groups\":[{\"group\":\"구성\",\"pages\":[\"ko/settings\",\"ko/permissions\",\"ko/sandboxing\",\"ko/terminal-config\",\"ko/model-config\",\"ko/fast-mode\",\"ko/memory\",\"ko/statusline\",\"ko/keybindings\"]}]},{\"tab\":\"참고\",\"groups\":[{\"group\":\"참고\",\"pages\":[\"ko/cli-reference\",\"ko/interactive-mode\",\"ko/checkpointing\",\"ko/hooks\",\"ko/plugins-reference\"]}]},{\"tab\":\"리소스\",\"groups\":[{\"group\":\"리소스\",\"pages\":[\"ko/legal-and-compliance\"]}]}]},{\"language\":\"cn\",\"tabs\":[{\"tab\":\"快速开始\",\"groups\":[{\"group\":\"快速开始\",\"pages\":[\"zh-CN/overview\",\"zh-CN/quickstart\",\"zh-CN/changelog\"]},{\"group\":\"核心概念\",\"pages\":[\"zh-CN/how-claude-code-works\",\"zh-CN/features-overview\",\"zh-CN/common-workflows\",\"zh-CN/best-practices\"]},{\"group\":\"平台和集成\",\"pages\":[\"zh-CN/claude-code-on-the-web\",\"zh-CN/desktop\",\"zh-CN/chrome\",\"zh-CN/vs-code\",\"zh-CN/jetbrains\",\"zh-CN/github-actions\",\"zh-CN/gitlab-ci-cd\",\"zh-CN/slack\"]}]},{\"tab\":\"使用 Claude Code 构建\",\"groups\":[{\"group\":\"使用 Claude Code 构建\",\"pages\":[\"zh-CN/sub-agents\",\"zh-CN/agent-teams\",\"zh-CN/plugins\",\"zh-CN/discover-plugins\",\"zh-CN/skills\",\"zh-CN/output-styles\",\"zh-CN/hooks-guide\",\"zh-CN/headless\",\"zh-CN/mcp\",\"zh-CN/troubleshooting\"]}]},{\"tab\":\"部署\",\"groups\":[{\"group\":\"部署\",\"pages\":[\"zh-CN/third-party-integrations\",\"zh-CN/amazon-bedrock\",\"zh-CN/google-vertex-ai\",\"zh-CN/microsoft-foundry\",\"zh-CN/network-config\",\"zh-CN/llm-gateway\",\"zh-CN/devcontainer\"]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[\"zh-CN/setup\",\"zh-CN/authentication\",\"zh-CN/security\",\"zh-CN/server-managed-settings\",\"zh-CN/data-usage\",\"zh-CN/monitoring-usage\",\"zh-CN/costs\",\"zh-CN/analytics\",\"zh-CN/plugin-marketplaces\"]}]},{\"tab\":\"配置\",\"groups\":[{\"group\":\"配置\",\"pages\":[\"zh-CN/settings\",\"zh-CN/permissions\",\"zh-CN/sandboxing\",\"zh-CN/terminal-config\",\"zh-CN/model-config\",\"zh-CN/fast-mode\",\"zh-CN/memory\",\"zh-CN/statusline\",\"zh-CN/keybindings\"]}]},{\"tab\":\"参考\",\"groups\":[{\"group\":\"参考\",\"pages\":[\"zh-CN/cli-reference\",\"zh-CN/interactive-mode\",\"zh-CN/checkpointing\",\"zh-CN/hooks\",\"zh-CN/plugins-reference\"]}]},{\"tab\":\"资源\",\"groups\":[{\"group\":\"资源\",\"pages\":[\"zh-CN/legal-and-compliance\"]}]}]},{\"language\":\"zh-Hant\",\"tabs\":[{\"tab\":\"開始使用\",\"groups\":[{\"group\":\"開始使用\",\"pages\":[\"zh-TW/overview\",\"zh-TW/quickstart\",\"zh-TW/changelog\"]},{\"group\":\"核心概念\",\"pages\":[\"zh-TW/how-claude-code-works\",\"zh-TW/features-overview\",\"zh-TW/common-workflows\",\"zh-TW/best-practices\"]},{\"group\":\"平台和整合\",\"pages\":[\"zh-TW/claude-code-on-the-web\",\"zh-TW/desktop\",\"zh-TW/chrome\",\"zh-TW/vs-code\",\"zh-TW/jetbrains\",\"zh-TW/github-actions\",\"zh-TW/gitlab-ci-cd\",\"zh-TW/slack\"]}]},{\"tab\":\"使用 Claude Code 建構\",\"groups\":[{\"group\":\"使用 Claude Code 建構\",\"pages\":[\"zh-TW/sub-agents\",\"zh-TW/agent-teams\",\"zh-TW/plugins\",\"zh-TW/discover-plugins\",\"zh-TW/skills\",\"zh-TW/output-styles\",\"zh-TW/hooks-guide\",\"zh-TW/headless\",\"zh-TW/mcp\",\"zh-TW/troubleshooting\"]}]},{\"tab\":\"部署\",\"groups\":[{\"group\":\"部署\",\"pages\":[\"zh-TW/third-party-integrations\",\"zh-TW/amazon-bedrock\",\"zh-TW/google-vertex-ai\",\"zh-TW/microsoft-foundry\",\"zh-TW/network-config\",\"zh-TW/llm-gateway\",\"zh-TW/devcontainer\"]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[\"zh-TW/setup\",\"zh-TW/authentication\",\"zh-TW/security\",\"zh-TW/server-managed-settings\",\"zh-TW/data-usage\",\"zh-TW/monitoring-usage\",\"zh-TW/costs\",\"zh-TW/analytics\",\"zh-TW/plugin-marketplaces\"]}]},{\"tab\":\"設定\",\"groups\":[{\"group\":\"設定\",\"pages\":[\"zh-TW/settings\",\"zh-TW/permissions\",\"zh-TW/sandboxing\",\"zh-TW/terminal-config\",\"zh-TW/model-config\",\"zh-TW/fast-mode\",\"zh-TW/memory\",\"zh-TW/statusline\",\"zh-TW/keybindings\"]}]},{\"tab\":\"參考資料\",\"groups\":[{\"group\":\"參考資料\",\"pages\":[\"zh-TW/cli-reference\",\"zh-TW/interactive-mode\",\"zh-TW/checkpointing\",\"zh-TW/hooks\",\"zh-TW/plugins-reference\"]}]},{\"tab\":\"資源\",\"groups\":[{\"group\":\"資源\",\"pages\":[\"zh-TW/legal-and-compliance\"]}]}]},{\"language\":\"ru\",\"tabs\":[{\"tab\":\"Начало работы\",\"groups\":[{\"group\":\"Начало работы\",\"pages\":[\"ru/overview\",\"ru/quickstart\",\"ru/changelog\"]},{\"group\":\"Основные концепции\",\"pages\":[\"ru/how-claude-code-works\",\"ru/features-overview\",\"ru/common-workflows\",\"ru/best-practices\"]},{\"group\":\"Платформы и интеграции\",\"pages\":[\"ru/claude-code-on-the-web\",\"ru/desktop\",\"ru/chrome\",\"ru/vs-code\",\"ru/jetbrains\",\"ru/github-actions\",\"ru/gitlab-ci-cd\",\"ru/slack\"]}]},{\"tab\":\"Разработка с Claude Code\",\"groups\":[{\"group\":\"Разработка с Claude Code\",\"pages\":[\"ru/sub-agents\",\"ru/agent-teams\",\"ru/plugins\",\"ru/discover-plugins\",\"ru/skills\",\"ru/output-styles\",\"ru/hooks-guide\",\"ru/headless\",\"ru/mcp\",\"ru/troubleshooting\"]}]},{\"tab\":\"Развертывание\",\"groups\":[{\"group\":\"Развертывание\",\"pages\":[\"ru/third-party-integrations\",\"ru/amazon-bedrock\",\"ru/google-vertex-ai\",\"ru/microsoft-foundry\",\"ru/network-config\",\"ru/llm-gateway\",\"ru/devcontainer\"]}]},{\"tab\":\"Администрирование\",\"groups\":[{\"group\":\"Администрирование\",\"pages\":[\"ru/setup\",\"ru/authentication\",\"ru/security\",\"ru/server-managed-settings\",\"ru/data-usage\",\"ru/monitoring-usage\",\"ru/costs\",\"ru/analytics\",\"ru/plugin-marketplaces\"]}]},{\"tab\":\"Конфигурация\",\"groups\":[{\"group\":\"Конфигурация\",\"pages\":[\"ru/settings\",\"ru/permissions\",\"ru/sandboxing\",\"ru/terminal-config\",\"ru/model-config\",\"ru/fast-mode\",\"ru/memory\",\"ru/statusline\",\"ru/keybindings\"]}]},{\"tab\":\"Справочник\",\"groups\":[{\"group\":\"Справочник\",\"pages\":[\"ru/cli-reference\",\"ru/interactive-mode\",\"ru/checkpointing\",\"ru/hooks\",\"ru/plugins-reference\"]}]},{\"tab\":\"Ресурсы\",\"groups\":[{\"group\":\"Ресурсы\",\"pages\":[\"ru/legal-and-compliance\"]}]}]},{\"language\":\"id\",\"tabs\":[{\"tab\":\"Memulai\",\"groups\":[{\"group\":\"Memulai\",\"pages\":[\"id/overview\",\"id/quickstart\",\"id/changelog\"]},{\"group\":\"Konsep Inti\",\"pages\":[\"id/how-claude-code-works\",\"id/features-overview\",\"id/common-workflows\",\"id/best-practices\"]},{\"group\":\"Platform dan integrasi\",\"pages\":[\"id/claude-code-on-the-web\",\"id/desktop\",\"id/chrome\",\"id/vs-code\",\"id/jetbrains\",\"id/github-actions\",\"id/gitlab-ci-cd\",\"id/slack\"]}]},{\"tab\":\"Bangun dengan Claude Code\",\"groups\":[{\"group\":\"Bangun dengan Claude Code\",\"pages\":[\"id/sub-agents\",\"id/agent-teams\",\"id/plugins\",\"id/discover-plugins\",\"id/skills\",\"id/output-styles\",\"id/hooks-guide\",\"id/headless\",\"id/mcp\",\"id/troubleshooting\"]}]},{\"tab\":\"Penerapan\",\"groups\":[{\"group\":\"Penerapan\",\"pages\":[\"id/third-party-integrations\",\"id/amazon-bedrock\",\"id/google-vertex-ai\",\"id/microsoft-foundry\",\"id/network-config\",\"id/llm-gateway\",\"id/devcontainer\"]}]},{\"tab\":\"Administrasi\",\"groups\":[{\"group\":\"Administrasi\",\"pages\":[\"id/setup\",\"id/authentication\",\"id/security\",\"id/server-managed-settings\",\"id/data-usage\",\"id/monitoring-usage\",\"id/costs\",\"id/analytics\",\"id/plugin-marketplaces\"]}]},{\"tab\":\"Konfigurasi\",\"groups\":[{\"group\":\"Konfigurasi\",\"pages\":[\"id/settings\",\"id/permissions\",\"id/sandboxing\",\"id/terminal-config\",\"id/model-config\",\"id/fast-mode\",\"id/memory\",\"id/statusline\",\"id/keybindings\"]}]},{\"tab\":\"Referensi\",\"groups\":[{\"group\":\"Referensi\",\"pages\":[\"id/cli-reference\",\"id/interactive-mode\",\"id/checkpointing\",\"id/hooks\",\"id/plugins-reference\"]}]},{\"tab\":\"Sumber Daya\",\"groups\":[{\"group\":\"Sumber Daya\",\"pages\":[\"id/legal-and-compliance\"]}]}]},{\"language\":\"pt-BR\",\"tabs\":[{\"tab\":\"Primeiros passos\",\"groups\":[{\"group\":\"Primeiros passos\",\"pages\":[\"pt/overview\",\"pt/quickstart\",\"pt/changelog\"]},{\"group\":\"Conceitos principais\",\"pages\":[\"pt/how-claude-code-works\",\"pt/features-overview\",\"pt/common-workflows\",\"pt/best-practices\"]},{\"group\":\"Plataformas e integrações\",\"pages\":[\"pt/claude-code-on-the-web\",\"pt/desktop\",\"pt/chrome\",\"pt/vs-code\",\"pt/jetbrains\",\"pt/github-actions\",\"pt/gitlab-ci-cd\",\"pt/slack\"]}]},{\"tab\":\"Construir com Claude Code\",\"groups\":[{\"group\":\"Construir com Claude Code\",\"pages\":[\"pt/sub-agents\",\"pt/agent-teams\",\"pt/plugins\",\"pt/discover-plugins\",\"pt/skills\",\"pt/output-styles\",\"pt/hooks-guide\",\"pt/headless\",\"pt/mcp\",\"pt/troubleshooting\"]}]},{\"tab\":\"Implantação\",\"groups\":[{\"group\":\"Implantação\",\"pages\":[\"pt/third-party-integrations\",\"pt/amazon-bedrock\",\"pt/google-vertex-ai\",\"pt/microsoft-foundry\",\"pt/network-config\",\"pt/llm-gateway\",\"pt/devcontainer\"]}]},{\"tab\":\"Administração\",\"groups\":[{\"group\":\"Administração\",\"pages\":[\"pt/setup\",\"pt/authentication\",\"pt/security\",\"pt/server-managed-settings\",\"pt/data-usage\",\"pt/monitoring-usage\",\"pt/costs\",\"pt/analytics\",\"pt/plugin-marketplaces\"]}]},{\"tab\":\"Configuração\",\"groups\":[{\"group\":\"Configuração\",\"pages\":[\"pt/settings\",\"pt/permissions\",\"pt/sandboxing\",\"pt/terminal-config\",\"pt/model-config\",\"pt/fast-mode\",\"pt/memory\",\"pt/statusline\",\"pt/keybindings\"]}]},{\"tab\":\"Referência\",\"groups\":[{\"group\":\"Referência\",\"pages\":[\"pt/cli-reference\",\"pt/interactive-mode\",\"pt/checkpointing\",\"pt/hooks\",\"pt/plugins-reference\"]}]},{\"tab\":\"Recursos\",\"groups\":[{\"group\":\"Recursos\",\"pages\":[\"pt/legal-and-compliance\"]}]}]}]},\"footer\":{\"socials\":{\"x\":\"https://x.com/AnthropicAI\",\"linkedin\":\"https://www.linkedin.com/company/anthropicresearch\"},\"links\":[{\"header\":\"Company\",\"items\":[{\"label\":\"Anthropic\",\"href\":\"https://www.anthropic.com/company\"},{\"label\":\"Careers\",\"href\":\"https://www.anthropic.com/careers\"},{\"label\":\"Economic Futures\",\"href\":\"https://www.anthropic.com/economic-futures\"},{\"label\":\"Research\",\"href\":\"https://www.anthropic.com/research\"},{\"label\":\"News\",\"href\":\"https://www.anthropic.com/news\"},{\"label\":\"Trust center\",\"href\":\"https://trust.anthropic.com/\"},{\"label\":\"Transparency\",\"href\":\"https://www.anthropic.com/transparency\"}]},{\"header\":\"Help and security\",\"items\":[{\"label\":\"Availability\",\"href\":\"https://www.anthropic.com/supported-countries\"},{\"label\":\"Status\",\"href\":\"https://status.anthropic.com/\"},{\"label\":\"Support center\",\"href\":\"https://support.claude.com/\"}]},{\"header\":\"Learn\",\"items\":[{\"label\":\"Courses\",\"href\":\"https://www.anthropic.com/learn\"},{\"label\":\"MCP connectors\",\"href\":\"https://claude.com/partners/mcp\"},{\"label\":\"Customer stories\",\"href\":\"https://www.claude.com/customers\"},{\"label\":\"Engineering blog\",\"href\":\"https://www.anthropic.com/engineering\"},{\"label\":\"Events\",\"href\":\"https://www.anthropic.com/events\"},{\"label\":\"Powered by Claude\",\"href\":\"https://claude.com/partners/powered-by-claude\"},{\"label\":\"Service partners\",\"href\":\"https://claude.com/partners/services\"},{\"label\":\"Startups program\",\"href\":\"https://claude.com/programs/startups\"}]},{\"header\":\"Terms and policies\",\"items\":[{\"label\":\"Privacy policy\",\"href\":\"https://www.anthropic.com/legal/privacy\"},{\"label\":\"Disclosure policy\",\"href\":\"https://www.anthropic.com/responsible-disclosure-policy\"},{\"label\":\"Usage policy\",\"href\":\"https://www.anthropic.com/legal/aup\"},{\"label\":\"Commercial terms\",\"href\":\"https://www.anthropic.com/legal/commercial-terms\"},{\"label\":\"Consumer terms\",\"href\":\"https://www.anthropic.com/legal/consumer-terms\"}]}]},\"seo\":{\"metatags\":{\"canonical\":\"https://code.claude.com/docs\"}},\"fonts\":{\"family\":\"Anthropic Sans\"},\"redirects\":[{\"source\":\"/en/iam\",\"destination\":\"/en/authentication\",\"permanent\":true},{\"source\":\"/en/cli-usage\",\"destination\":\"/en/cli-reference\",\"permanent\":true},{\"source\":\"/en/ide-integrations\",\"destination\":\"/en/vs-code\",\"permanent\":true},{\"source\":\"/en/tutorials\",\"destination\":\"/en/common-workflows\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/tutorials\",\"destination\":\"/en/common-workflows\",\"permanent\":true},{\"source\":\"/en/team\",\"destination\":\"/en/authentication\",\"permanent\":true},{\"source\":\"/en/corporate-proxy\",\"destination\":\"/en/network-config\",\"permanent\":true},{\"source\":\"/en/sdk/sdk-headless\",\"destination\":\"/en/headless\",\"permanent\":true},{\"source\":\"/s/claude-code-github-actions\",\"destination\":\"/en/github-actions\",\"permanent\":false},{\"source\":\"/s/claude-code-ide-integrations\",\"destination\":\"/en/ide-integrations\",\"permanent\":false},{\"source\":\"/s/claude-code-worktrees\",\"destination\":\"/en/common-workflows#run-parallel-claude-code-sessions-with-git-worktrees\",\"permanent\":false},{\"source\":\"/s/claude-code-troubleshooting\",\"destination\":\"/en/troubleshooting\",\"permanent\":false},{\"source\":\"/s/claude-code-auto-updater\",\"destination\":\"/en/settings#auto-updater-permission-options\",\"permanent\":false},{\"source\":\"/s/claude-code-mcp\",\"destination\":\"/en/mcp\",\"permanent\":false},{\"source\":\"/s/claude-code-cost\",\"destination\":\"/en/costs\",\"permanent\":false},{\"source\":\"/s/claude-code\",\"destination\":\"/en/overview\",\"permanent\":false},{\"source\":\"/s/claude-code-security\",\"destination\":\"/en/security\",\"permanent\":false},{\"source\":\"/en/agents-and-tools/claude-code/overview\",\"destination\":\"/en/overview\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/common-workflows\",\"destination\":\"/en/common-workflows\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/troubleshooting\",\"destination\":\"/en/troubleshooting\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/overview#notification-setup\",\"destination\":\"/en/setup#notification-setup\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/bedrock-vertex\",\"destination\":\"/en/third-party-integrations\",\"permanent\":true},{\"source\":\"/en/bedrock-vertex\",\"destination\":\"/en/third-party-integrations\",\"permanent\":true},{\"source\":\"/s/claude-code-enterprise-setup\",\"destination\":\"/en/third-party-integrations\",\"permanent\":false},{\"source\":\"/en/bedrock-vertex-proxies\",\"destination\":\"/en/third-party-integrations\",\"permanent\":true},{\"source\":\"/en/getting-started\",\"destination\":\"/en/setup\",\"permanent\":true},{\"source\":\"/en/subagents\",\"destination\":\"/en/sub-agents\",\"permanent\":true},{\"source\":\"/en/azure-ai-foundry\",\"destination\":\"/en/microsoft-foundry\",\"permanent\":true},{\"source\":\"/en/sdk/migration-guide\",\"destination\":\"https://platform.claude.com/docs/en/agent-sdk/migration-guide\",\"permanent\":true},{\"source\":\"/en/slash-commands\",\"destination\":\"/en/skills\",\"permanent\":true}],\"contextual\":{\"options\":[\"copy\",\"view\",\"claude\"],\"display\":\"header\"},\"styling\":{\"latex\":true}}}]\n"])</script><script>self.__next_f.push([1,"42:I[71252,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"LivePreviewProvider\"]\n"])</script><script>self.__next_f.push([1,"43:I[49769,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"44:I[30793,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"AuthProvider\",1]\n"])</script><script>self.__next_f.push([1,"45:I[30793,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"DeploymentMetadataProvider\",1]\n"])</script><script>self.__next_f.push([1,"46:I[30793,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"DocsConfigProvider\",1]\n"])</script><script>self.__next_f.push([1,"15:[\"$\",\"$L42\",null,{\"isLivePreviewRoute\":false,\"children\":[\"$\",\"$L5\",null,{\"appearance\":{\"default\":\"system\"},\"codeblockTheme\":\"system\",\"children\":[false,[\"$\",\"$L33\",null,{\"id\":\"_mintlify-banner-script\",\"strategy\":\"beforeInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"(function j(a,b,c,d,e){try{let f,g,h=[];try{h=window.location.pathname.split(\\\"/\\\").filter(a=\u003e\\\"\\\"!==a\u0026\u0026\\\"global\\\"!==a).slice(0,2)}catch{h=[]}let i=h.find(a=\u003ec.includes(a)),j=[];for(let c of(i?j.push(i):j.push(b),j.push(\\\"global\\\"),j)){if(!c)continue;let b=a[c];if(b?.content){f=b.content,g=c;break}}if(!f)return void document.documentElement.setAttribute(d,\\\"hidden\\\");let k=!0,l=0;for(;l\u003clocalStorage.length;){let a=localStorage.key(l);if(l++,!a?.endsWith(e))continue;let b=localStorage.getItem(a);if(b\u0026\u0026b===f){k=!1;break}g\u0026\u0026(a.startsWith(`lang:${g}_`)||!a.startsWith(\\\"lang:\\\"))\u0026\u0026(localStorage.removeItem(a),l--)}document.documentElement.setAttribute(d,k?\\\"visible\\\":\\\"hidden\\\")}catch(a){console.error(a),document.documentElement.setAttribute(d,\\\"hidden\\\")}})(\\n {},\\n \\\"en\\\",\\n [\\\"en\\\",\\\"fr\\\",\\\"de\\\",\\\"it\\\",\\\"jp\\\",\\\"es\\\",\\\"ko\\\",\\\"cn\\\",\\\"zh-Hant\\\",\\\"ru\\\",\\\"id\\\",\\\"pt-BR\\\"],\\n \\\"data-banner-state\\\",\\n \\\"bannerDismissed\\\",\\n)\"}}],[\"$\",\"$L43\",null,{\"appId\":\"$undefined\",\"autoBoot\":true,\"children\":[\"$\",\"$L44\",null,{\"value\":{\"auth\":\"$undefined\",\"userAuth\":\"$undefined\"},\"children\":[\"$\",\"$L45\",null,{\"value\":{\"subdomain\":\"claude-code\",\"actualSubdomain\":\"claude-code\",\"gitSource\":{\"type\":\"github\",\"owner\":\"anthropics\",\"repo\":\"claude-code-docs\",\"deployBranch\":\"main\",\"contentDirectory\":\"\",\"isPrivate\":true},\"inkeep\":\"$undefined\",\"trieve\":{\"datasetId\":\"742384b6-79fb-49eb-ab37-c53e858af6ad\",\"expectedChunkCount\":20705},\"feedback\":{\"thumbs\":true},\"entitlements\":{\"AI_CHAT\":{\"status\":\"ENABLED\"},\"REMOVE_BRANDING\":{\"status\":\"ENABLED\"},\"CONTEXTUAL_FEEDBACK\":{\"status\":\"ENABLED\",\"enabled\":\"ENABLED\"},\"CODE_SNIPPET_FEEDBACK\":{\"status\":\"ENABLED\",\"enabled\":\"ENABLED\"}},\"buildId\":\"69935cfca7fb330bf2154924:in_progress\",\"clientVersion\":\"0.0.2492\",\"preview\":\"$undefined\"},\"children\":[\"$\",\"$L46\",null,{\"value\":{\"docsConfig\":{\"theme\":\"mint\",\"$schema\":\"https://mintlify.com/docs.json\",\"name\":\"Claude Code Docs\",\"colors\":{\"primary\":\"#0E0E0E\",\"light\":\"#D4A27F\",\"dark\":\"#0E0E0E\"},\"logo\":{\"light\":\"https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/light.svg?fit=max\u0026auto=format\u0026n=o69F7a6qoW9vboof\u0026q=85\u0026s=536eade682636e84231afce2577f9509\",\"dark\":\"https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/dark.svg?fit=max\u0026auto=format\u0026n=o69F7a6qoW9vboof\u0026q=85\u0026s=0766b3221061e80143e9f300733e640b\"},\"favicon\":\"/favicon.ico\",\"appearance\":\"$15:props:children:props:appearance\",\"background\":{\"color\":{\"light\":\"#FDFDF7\",\"dark\":\"#09090B\"}},\"navbar\":{\"links\":[{\"href\":\"https://platform.claude.com/\",\"label\":\"Claude Developer Platform\"}],\"primary\":{\"type\":\"button\",\"label\":\"Claude Code on the Web\",\"href\":\"https://claude.ai/code\"}},\"navigation\":{\"languages\":[{\"language\":\"en\",\"tabs\":[{\"tab\":\"Getting started\",\"groups\":[{\"group\":\"Getting started\",\"pages\":[\"en/overview\",\"en/quickstart\",\"en/changelog\"]},{\"group\":\"Core concepts\",\"pages\":[\"en/how-claude-code-works\",\"en/features-overview\",\"en/common-workflows\",\"en/best-practices\"]},{\"group\":\"Platforms and integrations\",\"pages\":[\"en/claude-code-on-the-web\",{\"group\":\"Claude Code on desktop\",\"pages\":[\"en/desktop-quickstart\",\"en/desktop\"]},\"en/chrome\",\"en/vs-code\",\"en/jetbrains\",\"en/github-actions\",\"en/gitlab-ci-cd\",\"en/slack\"]}]},{\"tab\":\"Build with Claude Code\",\"groups\":[{\"group\":\"Build with Claude Code\",\"pages\":[\"en/sub-agents\",\"en/agent-teams\",\"en/plugins\",\"en/discover-plugins\",\"en/skills\",\"en/output-styles\",\"en/hooks-guide\",\"en/headless\",\"en/mcp\",\"en/troubleshooting\"]}]},{\"tab\":\"Deployment\",\"groups\":[{\"group\":\"Deployment\",\"pages\":[\"en/third-party-integrations\",\"en/amazon-bedrock\",\"en/google-vertex-ai\",\"en/microsoft-foundry\",\"en/network-config\",\"en/llm-gateway\",\"en/devcontainer\"]}]},{\"tab\":\"Administration\",\"groups\":[{\"group\":\"Administration\",\"pages\":[\"en/setup\",\"en/authentication\",\"en/security\",\"en/server-managed-settings\",\"en/data-usage\",\"en/monitoring-usage\",\"en/costs\",\"en/analytics\",\"en/plugin-marketplaces\"]}]},{\"tab\":\"Configuration\",\"groups\":[{\"group\":\"Configuration\",\"pages\":[\"en/settings\",\"en/permissions\",\"en/sandboxing\",\"en/terminal-config\",\"en/model-config\",\"en/fast-mode\",\"en/memory\",\"en/statusline\",\"en/keybindings\"]}]},{\"tab\":\"Reference\",\"groups\":[{\"group\":\"Reference\",\"pages\":[\"en/cli-reference\",\"en/interactive-mode\",\"en/checkpointing\",\"en/hooks\",\"en/plugins-reference\"]}]},{\"tab\":\"Resources\",\"groups\":[{\"group\":\"Resources\",\"pages\":[\"en/legal-and-compliance\"]}]}]},{\"language\":\"fr\",\"tabs\":[{\"tab\":\"Démarrer\",\"groups\":[{\"group\":\"Démarrer\",\"pages\":[\"fr/overview\",\"fr/quickstart\",\"fr/changelog\"]},{\"group\":\"Concepts fondamentaux\",\"pages\":[\"fr/how-claude-code-works\",\"fr/features-overview\",\"fr/common-workflows\",\"fr/best-practices\"]},{\"group\":\"Plateformes et intégrations\",\"pages\":[\"fr/claude-code-on-the-web\",\"fr/desktop\",\"fr/chrome\",\"fr/vs-code\",\"fr/jetbrains\",\"fr/github-actions\",\"fr/gitlab-ci-cd\",\"fr/slack\"]}]},{\"tab\":\"Créer avec Claude Code\",\"groups\":[{\"group\":\"Créer avec Claude Code\",\"pages\":[\"fr/sub-agents\",\"fr/agent-teams\",\"fr/plugins\",\"fr/discover-plugins\",\"fr/skills\",\"fr/output-styles\",\"fr/hooks-guide\",\"fr/headless\",\"fr/mcp\",\"fr/troubleshooting\"]}]},{\"tab\":\"Déploiement\",\"groups\":[{\"group\":\"Déploiement\",\"pages\":[\"fr/third-party-integrations\",\"fr/amazon-bedrock\",\"fr/google-vertex-ai\",\"fr/microsoft-foundry\",\"fr/network-config\",\"fr/llm-gateway\",\"fr/devcontainer\"]}]},{\"tab\":\"Administration\",\"groups\":[{\"group\":\"Administration\",\"pages\":[\"fr/setup\",\"fr/authentication\",\"fr/security\",\"fr/server-managed-settings\",\"fr/data-usage\",\"fr/monitoring-usage\",\"fr/costs\",\"fr/analytics\",\"fr/plugin-marketplaces\"]}]},{\"tab\":\"Configuration\",\"groups\":[{\"group\":\"Configuration\",\"pages\":[\"fr/settings\",\"fr/permissions\",\"fr/sandboxing\",\"fr/terminal-config\",\"fr/model-config\",\"fr/fast-mode\",\"fr/memory\",\"fr/statusline\",\"fr/keybindings\"]}]},{\"tab\":\"Référence\",\"groups\":[{\"group\":\"Référence\",\"pages\":[\"fr/cli-reference\",\"fr/interactive-mode\",\"fr/checkpointing\",\"fr/hooks\",\"fr/plugins-reference\"]}]},{\"tab\":\"Ressources\",\"groups\":[{\"group\":\"Ressources\",\"pages\":[\"fr/legal-and-compliance\"]}]}]},{\"language\":\"de\",\"tabs\":[{\"tab\":\"Erste Schritte\",\"groups\":[{\"group\":\"Erste Schritte\",\"pages\":[\"de/overview\",\"de/quickstart\",\"de/changelog\"]},{\"group\":\"Kernkonzepte\",\"pages\":[\"de/how-claude-code-works\",\"de/features-overview\",\"de/common-workflows\",\"de/best-practices\"]},{\"group\":\"Plattformen und Integrationen\",\"pages\":[\"de/claude-code-on-the-web\",\"de/desktop\",\"de/chrome\",\"de/vs-code\",\"de/jetbrains\",\"de/github-actions\",\"de/gitlab-ci-cd\",\"de/slack\"]}]},{\"tab\":\"Mit Claude Code erstellen\",\"groups\":[{\"group\":\"Mit Claude Code erstellen\",\"pages\":[\"de/sub-agents\",\"de/agent-teams\",\"de/plugins\",\"de/discover-plugins\",\"de/skills\",\"de/output-styles\",\"de/hooks-guide\",\"de/headless\",\"de/mcp\",\"de/troubleshooting\"]}]},{\"tab\":\"Bereitstellung\",\"groups\":[{\"group\":\"Bereitstellung\",\"pages\":[\"de/third-party-integrations\",\"de/amazon-bedrock\",\"de/google-vertex-ai\",\"de/microsoft-foundry\",\"de/network-config\",\"de/llm-gateway\",\"de/devcontainer\"]}]},{\"tab\":\"Verwaltung\",\"groups\":[{\"group\":\"Verwaltung\",\"pages\":[\"de/setup\",\"de/authentication\",\"de/security\",\"de/server-managed-settings\",\"de/data-usage\",\"de/monitoring-usage\",\"de/costs\",\"de/analytics\",\"de/plugin-marketplaces\"]}]},{\"tab\":\"Konfiguration\",\"groups\":[{\"group\":\"Konfiguration\",\"pages\":[\"de/settings\",\"de/permissions\",\"de/sandboxing\",\"de/terminal-config\",\"de/model-config\",\"de/fast-mode\",\"de/memory\",\"de/statusline\",\"de/keybindings\"]}]},{\"tab\":\"Referenz\",\"groups\":[{\"group\":\"Referenz\",\"pages\":[\"de/cli-reference\",\"de/interactive-mode\",\"de/checkpointing\",\"de/hooks\",\"de/plugins-reference\"]}]},{\"tab\":\"Ressourcen\",\"groups\":[{\"group\":\"Ressourcen\",\"pages\":[\"de/legal-and-compliance\"]}]}]},{\"language\":\"it\",\"tabs\":[{\"tab\":\"Guida introduttiva\",\"groups\":[{\"group\":\"Guida introduttiva\",\"pages\":[\"it/overview\",\"it/quickstart\",\"it/changelog\"]},{\"group\":\"Concetti fondamentali\",\"pages\":[\"it/how-claude-code-works\",\"it/features-overview\",\"it/common-workflows\",\"it/best-practices\"]},{\"group\":\"Piattaforme e integrazioni\",\"pages\":[\"it/claude-code-on-the-web\",\"it/desktop\",\"it/chrome\",\"it/vs-code\",\"it/jetbrains\",\"it/github-actions\",\"it/gitlab-ci-cd\",\"it/slack\"]}]},{\"tab\":\"Sviluppate con Claude Code\",\"groups\":[{\"group\":\"Sviluppate con Claude Code\",\"pages\":[\"it/sub-agents\",\"it/agent-teams\",\"it/plugins\",\"it/discover-plugins\",\"it/skills\",\"it/output-styles\",\"it/hooks-guide\",\"it/headless\",\"it/mcp\",\"it/troubleshooting\"]}]},{\"tab\":\"Distribuzione\",\"groups\":[{\"group\":\"Distribuzione\",\"pages\":[\"it/third-party-integrations\",\"it/amazon-bedrock\",\"it/google-vertex-ai\",\"it/microsoft-foundry\",\"it/network-config\",\"it/llm-gateway\",\"it/devcontainer\"]}]},{\"tab\":\"Amministrazione\",\"groups\":[{\"group\":\"Amministrazione\",\"pages\":[\"it/setup\",\"it/authentication\",\"it/security\",\"it/server-managed-settings\",\"it/data-usage\",\"it/monitoring-usage\",\"it/costs\",\"it/analytics\",\"it/plugin-marketplaces\"]}]},{\"tab\":\"Configurazione\",\"groups\":[{\"group\":\"Configurazione\",\"pages\":[\"it/settings\",\"it/permissions\",\"it/sandboxing\",\"it/terminal-config\",\"it/model-config\",\"it/fast-mode\",\"it/memory\",\"it/statusline\",\"it/keybindings\"]}]},{\"tab\":\"Riferimento\",\"groups\":[{\"group\":\"Riferimento\",\"pages\":[\"it/cli-reference\",\"it/interactive-mode\",\"it/checkpointing\",\"it/hooks\",\"it/plugins-reference\"]}]},{\"tab\":\"Risorse\",\"groups\":[{\"group\":\"Risorse\",\"pages\":[\"it/legal-and-compliance\"]}]}]},{\"language\":\"jp\",\"tabs\":[{\"tab\":\"はじめに\",\"groups\":[{\"group\":\"はじめに\",\"pages\":[\"ja/overview\",\"ja/quickstart\",\"ja/changelog\"]},{\"group\":\"コア概念\",\"pages\":[\"ja/how-claude-code-works\",\"ja/features-overview\",\"ja/common-workflows\",\"ja/best-practices\"]},{\"group\":\"プラットフォームと統合\",\"pages\":[\"ja/claude-code-on-the-web\",\"ja/desktop\",\"ja/chrome\",\"ja/vs-code\",\"ja/jetbrains\",\"ja/github-actions\",\"ja/gitlab-ci-cd\",\"ja/slack\"]}]},{\"tab\":\"Claude Code で構築する\",\"groups\":[{\"group\":\"Claude Code で構築する\",\"pages\":[\"ja/sub-agents\",\"ja/agent-teams\",\"ja/plugins\",\"ja/discover-plugins\",\"ja/skills\",\"ja/output-styles\",\"ja/hooks-guide\",\"ja/headless\",\"ja/mcp\",\"ja/troubleshooting\"]}]},{\"tab\":\"デプロイ\",\"groups\":[{\"group\":\"デプロイ\",\"pages\":[\"ja/third-party-integrations\",\"ja/amazon-bedrock\",\"ja/google-vertex-ai\",\"ja/microsoft-foundry\",\"ja/network-config\",\"ja/llm-gateway\",\"ja/devcontainer\"]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[\"ja/setup\",\"ja/authentication\",\"ja/security\",\"ja/server-managed-settings\",\"ja/data-usage\",\"ja/monitoring-usage\",\"ja/costs\",\"ja/analytics\",\"ja/plugin-marketplaces\"]}]},{\"tab\":\"設定\",\"groups\":[{\"group\":\"設定\",\"pages\":[\"ja/settings\",\"ja/permissions\",\"ja/sandboxing\",\"ja/terminal-config\",\"ja/model-config\",\"ja/fast-mode\",\"ja/memory\",\"ja/statusline\",\"ja/keybindings\"]}]},{\"tab\":\"リファレンス\",\"groups\":[{\"group\":\"リファレンス\",\"pages\":[\"ja/cli-reference\",\"ja/interactive-mode\",\"ja/checkpointing\",\"ja/hooks\",\"ja/plugins-reference\"]}]},{\"tab\":\"リソース\",\"groups\":[{\"group\":\"リソース\",\"pages\":[\"ja/legal-and-compliance\"]}]}]},{\"language\":\"es\",\"tabs\":[{\"tab\":\"Primeros pasos\",\"groups\":[{\"group\":\"Primeros pasos\",\"pages\":[\"es/overview\",\"es/quickstart\",\"es/changelog\"]},{\"group\":\"Conceptos fundamentales\",\"pages\":[\"es/how-claude-code-works\",\"es/features-overview\",\"es/common-workflows\",\"es/best-practices\"]},{\"group\":\"Plataformas e integraciones\",\"pages\":[\"es/claude-code-on-the-web\",\"es/desktop\",\"es/chrome\",\"es/vs-code\",\"es/jetbrains\",\"es/github-actions\",\"es/gitlab-ci-cd\",\"es/slack\"]}]},{\"tab\":\"Crear con Claude Code\",\"groups\":[{\"group\":\"Crear con Claude Code\",\"pages\":[\"es/sub-agents\",\"es/agent-teams\",\"es/plugins\",\"es/discover-plugins\",\"es/skills\",\"es/output-styles\",\"es/hooks-guide\",\"es/headless\",\"es/mcp\",\"es/troubleshooting\"]}]},{\"tab\":\"Implementación\",\"groups\":[{\"group\":\"Implementación\",\"pages\":[\"es/third-party-integrations\",\"es/amazon-bedrock\",\"es/google-vertex-ai\",\"es/microsoft-foundry\",\"es/network-config\",\"es/llm-gateway\",\"es/devcontainer\"]}]},{\"tab\":\"Administración\",\"groups\":[{\"group\":\"Administración\",\"pages\":[\"es/setup\",\"es/authentication\",\"es/security\",\"es/server-managed-settings\",\"es/data-usage\",\"es/monitoring-usage\",\"es/costs\",\"es/analytics\",\"es/plugin-marketplaces\"]}]},{\"tab\":\"Configuración\",\"groups\":[{\"group\":\"Configuración\",\"pages\":[\"es/settings\",\"es/permissions\",\"es/sandboxing\",\"es/terminal-config\",\"es/model-config\",\"es/fast-mode\",\"es/memory\",\"es/statusline\",\"es/keybindings\"]}]},{\"tab\":\"Referencia\",\"groups\":[{\"group\":\"Referencia\",\"pages\":[\"es/cli-reference\",\"es/interactive-mode\",\"es/checkpointing\",\"es/hooks\",\"es/plugins-reference\"]}]},{\"tab\":\"Recursos\",\"groups\":[{\"group\":\"Recursos\",\"pages\":[\"es/legal-and-compliance\"]}]}]},{\"language\":\"ko\",\"tabs\":[{\"tab\":\"시작하기\",\"groups\":[{\"group\":\"시작하기\",\"pages\":[\"ko/overview\",\"ko/quickstart\",\"ko/changelog\"]},{\"group\":\"핵심 개념\",\"pages\":[\"ko/how-claude-code-works\",\"ko/features-overview\",\"ko/common-workflows\",\"ko/best-practices\"]},{\"group\":\"플랫폼 및 통합\",\"pages\":[\"ko/claude-code-on-the-web\",\"ko/desktop\",\"ko/chrome\",\"ko/vs-code\",\"ko/jetbrains\",\"ko/github-actions\",\"ko/gitlab-ci-cd\",\"ko/slack\"]}]},{\"tab\":\"Claude Code로 빌드하기\",\"groups\":[{\"group\":\"Claude Code로 빌드하기\",\"pages\":[\"ko/sub-agents\",\"ko/agent-teams\",\"ko/plugins\",\"ko/discover-plugins\",\"ko/skills\",\"ko/output-styles\",\"ko/hooks-guide\",\"ko/headless\",\"ko/mcp\",\"ko/troubleshooting\"]}]},{\"tab\":\"배포\",\"groups\":[{\"group\":\"배포\",\"pages\":[\"ko/third-party-integrations\",\"ko/amazon-bedrock\",\"ko/google-vertex-ai\",\"ko/microsoft-foundry\",\"ko/network-config\",\"ko/llm-gateway\",\"ko/devcontainer\"]}]},{\"tab\":\"관리\",\"groups\":[{\"group\":\"관리\",\"pages\":[\"ko/setup\",\"ko/authentication\",\"ko/security\",\"ko/server-managed-settings\",\"ko/data-usage\",\"ko/monitoring-usage\",\"ko/costs\",\"ko/analytics\",\"ko/plugin-marketplaces\"]}]},{\"tab\":\"구성\",\"groups\":[{\"group\":\"구성\",\"pages\":[\"ko/settings\",\"ko/permissions\",\"ko/sandboxing\",\"ko/terminal-config\",\"ko/model-config\",\"ko/fast-mode\",\"ko/memory\",\"ko/statusline\",\"ko/keybindings\"]}]},{\"tab\":\"참고\",\"groups\":[{\"group\":\"참고\",\"pages\":[\"ko/cli-reference\",\"ko/interactive-mode\",\"ko/checkpointing\",\"ko/hooks\",\"ko/plugins-reference\"]}]},{\"tab\":\"리소스\",\"groups\":[{\"group\":\"리소스\",\"pages\":[\"ko/legal-and-compliance\"]}]}]},{\"language\":\"cn\",\"tabs\":[{\"tab\":\"快速开始\",\"groups\":[{\"group\":\"快速开始\",\"pages\":[\"zh-CN/overview\",\"zh-CN/quickstart\",\"zh-CN/changelog\"]},{\"group\":\"核心概念\",\"pages\":[\"zh-CN/how-claude-code-works\",\"zh-CN/features-overview\",\"zh-CN/common-workflows\",\"zh-CN/best-practices\"]},{\"group\":\"平台和集成\",\"pages\":[\"zh-CN/claude-code-on-the-web\",\"zh-CN/desktop\",\"zh-CN/chrome\",\"zh-CN/vs-code\",\"zh-CN/jetbrains\",\"zh-CN/github-actions\",\"zh-CN/gitlab-ci-cd\",\"zh-CN/slack\"]}]},{\"tab\":\"使用 Claude Code 构建\",\"groups\":[{\"group\":\"使用 Claude Code 构建\",\"pages\":[\"zh-CN/sub-agents\",\"zh-CN/agent-teams\",\"zh-CN/plugins\",\"zh-CN/discover-plugins\",\"zh-CN/skills\",\"zh-CN/output-styles\",\"zh-CN/hooks-guide\",\"zh-CN/headless\",\"zh-CN/mcp\",\"zh-CN/troubleshooting\"]}]},{\"tab\":\"部署\",\"groups\":[{\"group\":\"部署\",\"pages\":[\"zh-CN/third-party-integrations\",\"zh-CN/amazon-bedrock\",\"zh-CN/google-vertex-ai\",\"zh-CN/microsoft-foundry\",\"zh-CN/network-config\",\"zh-CN/llm-gateway\",\"zh-CN/devcontainer\"]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[\"zh-CN/setup\",\"zh-CN/authentication\",\"zh-CN/security\",\"zh-CN/server-managed-settings\",\"zh-CN/data-usage\",\"zh-CN/monitoring-usage\",\"zh-CN/costs\",\"zh-CN/analytics\",\"zh-CN/plugin-marketplaces\"]}]},{\"tab\":\"配置\",\"groups\":[{\"group\":\"配置\",\"pages\":[\"zh-CN/settings\",\"zh-CN/permissions\",\"zh-CN/sandboxing\",\"zh-CN/terminal-config\",\"zh-CN/model-config\",\"zh-CN/fast-mode\",\"zh-CN/memory\",\"zh-CN/statusline\",\"zh-CN/keybindings\"]}]},{\"tab\":\"参考\",\"groups\":[{\"group\":\"参考\",\"pages\":[\"zh-CN/cli-reference\",\"zh-CN/interactive-mode\",\"zh-CN/checkpointing\",\"zh-CN/hooks\",\"zh-CN/plugins-reference\"]}]},{\"tab\":\"资源\",\"groups\":[{\"group\":\"资源\",\"pages\":[\"zh-CN/legal-and-compliance\"]}]}]},{\"language\":\"zh-Hant\",\"tabs\":[{\"tab\":\"開始使用\",\"groups\":[{\"group\":\"開始使用\",\"pages\":[\"zh-TW/overview\",\"zh-TW/quickstart\",\"zh-TW/changelog\"]},{\"group\":\"核心概念\",\"pages\":[\"zh-TW/how-claude-code-works\",\"zh-TW/features-overview\",\"zh-TW/common-workflows\",\"zh-TW/best-practices\"]},{\"group\":\"平台和整合\",\"pages\":[\"zh-TW/claude-code-on-the-web\",\"zh-TW/desktop\",\"zh-TW/chrome\",\"zh-TW/vs-code\",\"zh-TW/jetbrains\",\"zh-TW/github-actions\",\"zh-TW/gitlab-ci-cd\",\"zh-TW/slack\"]}]},{\"tab\":\"使用 Claude Code 建構\",\"groups\":[{\"group\":\"使用 Claude Code 建構\",\"pages\":[\"zh-TW/sub-agents\",\"zh-TW/agent-teams\",\"zh-TW/plugins\",\"zh-TW/discover-plugins\",\"zh-TW/skills\",\"zh-TW/output-styles\",\"zh-TW/hooks-guide\",\"zh-TW/headless\",\"zh-TW/mcp\",\"zh-TW/troubleshooting\"]}]},{\"tab\":\"部署\",\"groups\":[{\"group\":\"部署\",\"pages\":[\"zh-TW/third-party-integrations\",\"zh-TW/amazon-bedrock\",\"zh-TW/google-vertex-ai\",\"zh-TW/microsoft-foundry\",\"zh-TW/network-config\",\"zh-TW/llm-gateway\",\"zh-TW/devcontainer\"]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[\"zh-TW/setup\",\"zh-TW/authentication\",\"zh-TW/security\",\"zh-TW/server-managed-settings\",\"zh-TW/data-usage\",\"zh-TW/monitoring-usage\",\"zh-TW/costs\",\"zh-TW/analytics\",\"zh-TW/plugin-marketplaces\"]}]},{\"tab\":\"設定\",\"groups\":[{\"group\":\"設定\",\"pages\":[\"zh-TW/settings\",\"zh-TW/permissions\",\"zh-TW/sandboxing\",\"zh-TW/terminal-config\",\"zh-TW/model-config\",\"zh-TW/fast-mode\",\"zh-TW/memory\",\"zh-TW/statusline\",\"zh-TW/keybindings\"]}]},{\"tab\":\"參考資料\",\"groups\":[{\"group\":\"參考資料\",\"pages\":[\"zh-TW/cli-reference\",\"zh-TW/interactive-mode\",\"zh-TW/checkpointing\",\"zh-TW/hooks\",\"zh-TW/plugins-reference\"]}]},{\"tab\":\"資源\",\"groups\":[{\"group\":\"資源\",\"pages\":[\"zh-TW/legal-and-compliance\"]}]}]},{\"language\":\"ru\",\"tabs\":[{\"tab\":\"Начало работы\",\"groups\":[{\"group\":\"Начало работы\",\"pages\":[\"ru/overview\",\"ru/quickstart\",\"ru/changelog\"]},{\"group\":\"Основные концепции\",\"pages\":[\"ru/how-claude-code-works\",\"ru/features-overview\",\"ru/common-workflows\",\"ru/best-practices\"]},{\"group\":\"Платформы и интеграции\",\"pages\":[\"ru/claude-code-on-the-web\",\"ru/desktop\",\"ru/chrome\",\"ru/vs-code\",\"ru/jetbrains\",\"ru/github-actions\",\"ru/gitlab-ci-cd\",\"ru/slack\"]}]},{\"tab\":\"Разработка с Claude Code\",\"groups\":[{\"group\":\"Разработка с Claude Code\",\"pages\":[\"ru/sub-agents\",\"ru/agent-teams\",\"ru/plugins\",\"ru/discover-plugins\",\"ru/skills\",\"ru/output-styles\",\"ru/hooks-guide\",\"ru/headless\",\"ru/mcp\",\"ru/troubleshooting\"]}]},{\"tab\":\"Развертывание\",\"groups\":[{\"group\":\"Развертывание\",\"pages\":[\"ru/third-party-integrations\",\"ru/amazon-bedrock\",\"ru/google-vertex-ai\",\"ru/microsoft-foundry\",\"ru/network-config\",\"ru/llm-gateway\",\"ru/devcontainer\"]}]},{\"tab\":\"Администрирование\",\"groups\":[{\"group\":\"Администрирование\",\"pages\":[\"ru/setup\",\"ru/authentication\",\"ru/security\",\"ru/server-managed-settings\",\"ru/data-usage\",\"ru/monitoring-usage\",\"ru/costs\",\"ru/analytics\",\"ru/plugin-marketplaces\"]}]},{\"tab\":\"Конфигурация\",\"groups\":[{\"group\":\"Конфигурация\",\"pages\":[\"ru/settings\",\"ru/permissions\",\"ru/sandboxing\",\"ru/terminal-config\",\"ru/model-config\",\"ru/fast-mode\",\"ru/memory\",\"ru/statusline\",\"ru/keybindings\"]}]},{\"tab\":\"Справочник\",\"groups\":[{\"group\":\"Справочник\",\"pages\":[\"ru/cli-reference\",\"ru/interactive-mode\",\"ru/checkpointing\",\"ru/hooks\",\"ru/plugins-reference\"]}]},{\"tab\":\"Ресурсы\",\"groups\":[{\"group\":\"Ресурсы\",\"pages\":[\"ru/legal-and-compliance\"]}]}]},{\"language\":\"id\",\"tabs\":[{\"tab\":\"Memulai\",\"groups\":[{\"group\":\"Memulai\",\"pages\":[\"id/overview\",\"id/quickstart\",\"id/changelog\"]},{\"group\":\"Konsep Inti\",\"pages\":[\"id/how-claude-code-works\",\"id/features-overview\",\"id/common-workflows\",\"id/best-practices\"]},{\"group\":\"Platform dan integrasi\",\"pages\":[\"id/claude-code-on-the-web\",\"id/desktop\",\"id/chrome\",\"id/vs-code\",\"id/jetbrains\",\"id/github-actions\",\"id/gitlab-ci-cd\",\"id/slack\"]}]},{\"tab\":\"Bangun dengan Claude Code\",\"groups\":[{\"group\":\"Bangun dengan Claude Code\",\"pages\":[\"id/sub-agents\",\"id/agent-teams\",\"id/plugins\",\"id/discover-plugins\",\"id/skills\",\"id/output-styles\",\"id/hooks-guide\",\"id/headless\",\"id/mcp\",\"id/troubleshooting\"]}]},{\"tab\":\"Penerapan\",\"groups\":[{\"group\":\"Penerapan\",\"pages\":[\"id/third-party-integrations\",\"id/amazon-bedrock\",\"id/google-vertex-ai\",\"id/microsoft-foundry\",\"id/network-config\",\"id/llm-gateway\",\"id/devcontainer\"]}]},{\"tab\":\"Administrasi\",\"groups\":[{\"group\":\"Administrasi\",\"pages\":[\"id/setup\",\"id/authentication\",\"id/security\",\"id/server-managed-settings\",\"id/data-usage\",\"id/monitoring-usage\",\"id/costs\",\"id/analytics\",\"id/plugin-marketplaces\"]}]},{\"tab\":\"Konfigurasi\",\"groups\":[{\"group\":\"Konfigurasi\",\"pages\":[\"id/settings\",\"id/permissions\",\"id/sandboxing\",\"id/terminal-config\",\"id/model-config\",\"id/fast-mode\",\"id/memory\",\"id/statusline\",\"id/keybindings\"]}]},{\"tab\":\"Referensi\",\"groups\":[{\"group\":\"Referensi\",\"pages\":[\"id/cli-reference\",\"id/interactive-mode\",\"id/checkpointing\",\"id/hooks\",\"id/plugins-reference\"]}]},{\"tab\":\"Sumber Daya\",\"groups\":[{\"group\":\"Sumber Daya\",\"pages\":[\"id/legal-and-compliance\"]}]}]},{\"language\":\"pt-BR\",\"tabs\":[{\"tab\":\"Primeiros passos\",\"groups\":[{\"group\":\"Primeiros passos\",\"pages\":[\"pt/overview\",\"pt/quickstart\",\"pt/changelog\"]},{\"group\":\"Conceitos principais\",\"pages\":[\"pt/how-claude-code-works\",\"pt/features-overview\",\"pt/common-workflows\",\"pt/best-practices\"]},{\"group\":\"Plataformas e integrações\",\"pages\":[\"pt/claude-code-on-the-web\",\"pt/desktop\",\"pt/chrome\",\"pt/vs-code\",\"pt/jetbrains\",\"pt/github-actions\",\"pt/gitlab-ci-cd\",\"pt/slack\"]}]},{\"tab\":\"Construir com Claude Code\",\"groups\":[{\"group\":\"Construir com Claude Code\",\"pages\":[\"pt/sub-agents\",\"pt/agent-teams\",\"pt/plugins\",\"pt/discover-plugins\",\"pt/skills\",\"pt/output-styles\",\"pt/hooks-guide\",\"pt/headless\",\"pt/mcp\",\"pt/troubleshooting\"]}]},{\"tab\":\"Implantação\",\"groups\":[{\"group\":\"Implantação\",\"pages\":[\"pt/third-party-integrations\",\"pt/amazon-bedrock\",\"pt/google-vertex-ai\",\"pt/microsoft-foundry\",\"pt/network-config\",\"pt/llm-gateway\",\"pt/devcontainer\"]}]},{\"tab\":\"Administração\",\"groups\":[{\"group\":\"Administração\",\"pages\":[\"pt/setup\",\"pt/authentication\",\"pt/security\",\"pt/server-managed-settings\",\"pt/data-usage\",\"pt/monitoring-usage\",\"pt/costs\",\"pt/analytics\",\"pt/plugin-marketplaces\"]}]},{\"tab\":\"Configuração\",\"groups\":[{\"group\":\"Configuração\",\"pages\":[\"pt/settings\",\"pt/permissions\",\"pt/sandboxing\",\"pt/terminal-config\",\"pt/model-config\",\"pt/fast-mode\",\"pt/memory\",\"pt/statusline\",\"pt/keybindings\"]}]},{\"tab\":\"Referência\",\"groups\":[{\"group\":\"Referência\",\"pages\":[\"pt/cli-reference\",\"pt/interactive-mode\",\"pt/checkpointing\",\"pt/hooks\",\"pt/plugins-reference\"]}]},{\"tab\":\"Recursos\",\"groups\":[{\"group\":\"Recursos\",\"pages\":[\"pt/legal-and-compliance\"]}]}]}]},\"footer\":{\"socials\":{\"x\":\"https://x.com/AnthropicAI\",\"linkedin\":\"https://www.linkedin.com/company/anthropicresearch\"},\"links\":[{\"header\":\"Company\",\"items\":[{\"label\":\"Anthropic\",\"href\":\"https://www.anthropic.com/company\"},{\"label\":\"Careers\",\"href\":\"https://www.anthropic.com/careers\"},{\"label\":\"Economic Futures\",\"href\":\"https://www.anthropic.com/economic-futures\"},{\"label\":\"Research\",\"href\":\"https://www.anthropic.com/research\"},{\"label\":\"News\",\"href\":\"https://www.anthropic.com/news\"},{\"label\":\"Trust center\",\"href\":\"https://trust.anthropic.com/\"},{\"label\":\"Transparency\",\"href\":\"https://www.anthropic.com/transparency\"}]},{\"header\":\"Help and security\",\"items\":[{\"label\":\"Availability\",\"href\":\"https://www.anthropic.com/supported-countries\"},{\"label\":\"Status\",\"href\":\"https://status.anthropic.com/\"},{\"label\":\"Support center\",\"href\":\"https://support.claude.com/\"}]},{\"header\":\"Learn\",\"items\":[{\"label\":\"Courses\",\"href\":\"https://www.anthropic.com/learn\"},{\"label\":\"MCP connectors\",\"href\":\"https://claude.com/partners/mcp\"},{\"label\":\"Customer stories\",\"href\":\"https://www.claude.com/customers\"},{\"label\":\"Engineering blog\",\"href\":\"https://www.anthropic.com/engineering\"},{\"label\":\"Events\",\"href\":\"https://www.anthropic.com/events\"},{\"label\":\"Powered by Claude\",\"href\":\"https://claude.com/partners/powered-by-claude\"},{\"label\":\"Service partners\",\"href\":\"https://claude.com/partners/services\"},{\"label\":\"Startups program\",\"href\":\"https://claude.com/programs/startups\"}]},{\"header\":\"Terms and policies\",\"items\":[{\"label\":\"Privacy policy\",\"href\":\"https://www.anthropic.com/legal/privacy\"},{\"label\":\"Disclosure policy\",\"href\":\"https://www.anthropic.com/responsible-disclosure-policy\"},{\"label\":\"Usage policy\",\"href\":\"https://www.anthropic.com/legal/aup\"},{\"label\":\"Commercial terms\",\"href\":\"https://www.anthropic.com/legal/commercial-terms\"},{\"label\":\"Consumer terms\",\"href\":\"https://www.anthropic.com/legal/consumer-terms\"}]}]},\"seo\":{\"metatags\":{\"canonical\":\"https://code.claude.com/docs\"}},\"fonts\":{\"family\":\"Anthropic Sans\"},\"redirects\":[{\"source\":\"/en/iam\",\"destination\":\"/en/authentication\",\"permanent\":true},{\"source\":\"/en/cli-usage\",\"destination\":\"/en/cli-reference\",\"permanent\":true},{\"source\":\"/en/ide-integrations\",\"destination\":\"/en/vs-code\",\"permanent\":true},{\"source\":\"/en/tutorials\",\"destination\":\"/en/common-workflows\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/tutorials\",\"destination\":\"/en/common-workflows\",\"permanent\":true},{\"source\":\"/en/team\",\"destination\":\"/en/authentication\",\"permanent\":true},{\"source\":\"/en/corporate-proxy\",\"destination\":\"/en/network-config\",\"permanent\":true},{\"source\":\"/en/sdk/sdk-headless\",\"destination\":\"/en/headless\",\"permanent\":true},{\"source\":\"/s/claude-code-github-actions\",\"destination\":\"/en/github-actions\",\"permanent\":false},{\"source\":\"/s/claude-code-ide-integrations\",\"destination\":\"/en/ide-integrations\",\"permanent\":false},{\"source\":\"/s/claude-code-worktrees\",\"destination\":\"/en/common-workflows#run-parallel-claude-code-sessions-with-git-worktrees\",\"permanent\":false},{\"source\":\"/s/claude-code-troubleshooting\",\"destination\":\"/en/troubleshooting\",\"permanent\":false},{\"source\":\"/s/claude-code-auto-updater\",\"destination\":\"/en/settings#auto-updater-permission-options\",\"permanent\":false},{\"source\":\"/s/claude-code-mcp\",\"destination\":\"/en/mcp\",\"permanent\":false},{\"source\":\"/s/claude-code-cost\",\"destination\":\"/en/costs\",\"permanent\":false},{\"source\":\"/s/claude-code\",\"destination\":\"/en/overview\",\"permanent\":false},{\"source\":\"/s/claude-code-security\",\"destination\":\"/en/security\",\"permanent\":false},{\"source\":\"/en/agents-and-tools/claude-code/overview\",\"destination\":\"/en/overview\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/common-workflows\",\"destination\":\"/en/common-workflows\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/troubleshooting\",\"destination\":\"/en/troubleshooting\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/overview#notification-setup\",\"destination\":\"/en/setup#notification-setup\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/bedrock-vertex\",\"destination\":\"/en/third-party-integrations\",\"permanent\":true},{\"source\":\"/en/bedrock-vertex\",\"destination\":\"/en/third-party-integrations\",\"permanent\":true},{\"source\":\"/s/claude-code-enterprise-setup\",\"destination\":\"/en/third-party-integrations\",\"permanent\":false},{\"source\":\"/en/bedrock-vertex-proxies\",\"destination\":\"/en/third-party-integrations\",\"permanent\":true},{\"source\":\"/en/getting-started\",\"destination\":\"/en/setup\",\"permanent\":true},{\"source\":\"/en/subagents\",\"destination\":\"/en/sub-agents\",\"permanent\":true},{\"source\":\"/en/azure-ai-foundry\",\"destination\":\"/en/microsoft-foundry\",\"permanent\":true},{\"source\":\"/en/sdk/migration-guide\",\"destination\":\"https://platform.claude.com/docs/en/agent-sdk/migration-guide\",\"permanent\":true},{\"source\":\"/en/slash-commands\",\"destination\":\"/en/skills\",\"permanent\":true}],\"contextual\":{\"options\":[\"copy\",\"view\",\"claude\"],\"display\":\"header\"},\"styling\":{\"latex\":true,\"codeblocks\":\"system\"}},\"docsNavWithMetadata\":{\"global\":null,\"languages\":[{\"language\":\"en\",\"tabs\":[{\"tab\":\"Getting started\",\"groups\":[{\"group\":\"Getting started\",\"pages\":[{\"sidebarTitle\":\"Overview\",\"title\":\"Claude Code overview\",\"description\":\"Claude Code is an agentic coding tool that reads your codebase, edits files, runs commands, and integrates with your development tools. Available in your terminal, IDE, desktop app, and browser.\",\"href\":\"/en/overview\"},{\"title\":\"Quickstart\",\"description\":\"Welcome to Claude Code!\",\"href\":\"/en/quickstart\",\"hidden\":false},{\"title\":\"Changelog\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/en/changelog\",\"hidden\":false}]},{\"group\":\"Core concepts\",\"pages\":[{\"title\":\"How Claude Code works\",\"description\":\"Understand the agentic loop, built-in tools, and how Claude Code interacts with your project.\",\"href\":\"/en/how-claude-code-works\",\"hidden\":false},{\"title\":\"Extend Claude Code\",\"sidebarTitle\":\"Extend Claude Code\",\"description\":\"Understand when to use CLAUDE.md, Skills, subagents, hooks, MCP, and plugins.\",\"href\":\"/en/features-overview\",\"hidden\":false},{\"title\":\"Common workflows\",\"description\":\"Step-by-step guides for exploring codebases, fixing bugs, refactoring, testing, and other everyday tasks with Claude Code.\",\"href\":\"/en/common-workflows\",\"hidden\":false},{\"title\":\"Best Practices for Claude Code\",\"sidebarTitle\":\"Best practices\",\"description\":\"Tips and patterns for getting the most out of Claude Code, from configuring your environment to scaling across parallel sessions.\",\"href\":\"/en/best-practices\",\"hidden\":false}]},{\"group\":\"Platforms and integrations\",\"pages\":[{\"title\":\"Claude Code on the web\",\"description\":\"Run Claude Code tasks asynchronously on secure cloud infrastructure\",\"href\":\"/en/claude-code-on-the-web\",\"hidden\":false},{\"group\":\"Claude Code on desktop\",\"pages\":[{\"title\":\"Get started with the desktop app\",\"sidebarTitle\":\"Get started\",\"description\":\"Install Claude Code on desktop and start your first coding session\",\"href\":\"/en/desktop-quickstart\",\"hidden\":false},{\"title\":\"Use Claude Code Desktop\",\"sidebarTitle\":\"Use Desktop\",\"description\":\"Get more out of Claude Code Desktop: parallel sessions with Git isolation, visual diff review, permission modes, connectors, and enterprise configuration.\",\"href\":\"/en/desktop\",\"hidden\":false}]},{\"title\":\"Use Claude Code with Chrome (beta)\",\"sidebarTitle\":\"Chrome extension (beta)\",\"description\":\"Connect Claude Code to your Chrome browser to test web apps, debug with console logs, automate form filling, and extract data from web pages.\",\"href\":\"/en/chrome\",\"hidden\":false},{\"title\":\"Use Claude Code in VS Code\",\"sidebarTitle\":\"Visual Studio Code\",\"description\":\"Install and configure the Claude Code extension for VS Code. Get AI coding assistance with inline diffs, @-mentions, plan review, and keyboard shortcuts.\",\"href\":\"/en/vs-code\",\"hidden\":false},{\"title\":\"JetBrains IDEs\",\"description\":\"Use Claude Code with JetBrains IDEs including IntelliJ, PyCharm, WebStorm, and more\",\"href\":\"/en/jetbrains\",\"hidden\":false},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Learn about integrating Claude Code into your development workflow with Claude Code GitHub Actions\",\"href\":\"/en/github-actions\",\"hidden\":false},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Learn about integrating Claude Code into your development workflow with GitLab CI/CD\",\"href\":\"/en/gitlab-ci-cd\",\"hidden\":false},{\"title\":\"Claude Code in Slack\",\"description\":\"Delegate coding tasks directly from your Slack workspace\",\"href\":\"/en/slack\",\"hidden\":false}]}]},{\"tab\":\"Build with Claude Code\",\"groups\":[{\"group\":\"Build with Claude Code\",\"pages\":[{\"title\":\"Create custom subagents\",\"description\":\"Create and use specialized AI subagents in Claude Code for task-specific workflows and improved context management.\",\"href\":\"/en/sub-agents\",\"hidden\":false},{\"title\":\"Orchestrate teams of Claude Code sessions\",\"sidebarTitle\":\"Run agent teams\",\"description\":\"Coordinate multiple Claude Code instances working together as a team, with shared tasks, inter-agent messaging, and centralized management.\",\"href\":\"/en/agent-teams\",\"hidden\":false},{\"title\":\"Create plugins\",\"sidebarTitle\":\"Create plugins\",\"description\":\"Create custom plugins to extend Claude Code with skills, agents, hooks, and MCP servers.\",\"href\":\"/en/plugins\",\"hidden\":false},{\"title\":\"Discover and install prebuilt plugins through marketplaces\",\"sidebarTitle\":\"Discover and install prebuilt plugins\",\"description\":\"Find and install plugins from marketplaces to extend Claude Code with new commands, agents, and capabilities.\",\"href\":\"/en/discover-plugins\",\"hidden\":false},{\"title\":\"Extend Claude with skills\",\"description\":\"Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands.\",\"href\":\"/en/skills\",\"hidden\":false},{\"title\":\"Output styles\",\"description\":\"Adapt Claude Code for uses beyond software engineering\",\"href\":\"/en/output-styles\",\"hidden\":false},{\"title\":\"Automate workflows with hooks\",\"sidebarTitle\":\"Automate with hooks\",\"description\":\"Run shell commands automatically when Claude Code edits files, finishes tasks, or needs input. Format code, send notifications, validate commands, and enforce project rules.\",\"href\":\"/en/hooks-guide\",\"hidden\":false},{\"title\":\"Run Claude Code programmatically\",\"sidebarTitle\":\"Programmatic usage\",\"description\":\"Use the Agent SDK to run Claude Code programmatically from the CLI, Python, or TypeScript.\",\"href\":\"/en/headless\",\"hidden\":false},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"Connect Claude Code to tools via MCP\",\"description\":\"Learn how to connect Claude Code to your tools with the Model Context Protocol.\",\"href\":\"/en/mcp\",\"hidden\":false},{\"title\":\"Troubleshooting\",\"description\":\"Discover solutions to common issues with Claude Code installation and usage.\",\"href\":\"/en/troubleshooting\",\"hidden\":false}]}]},{\"tab\":\"Deployment\",\"groups\":[{\"group\":\"Deployment\",\"pages\":[{\"title\":\"Enterprise deployment overview\",\"sidebarTitle\":\"Overview\",\"description\":\"Learn how Claude Code can integrate with various third-party services and infrastructure to meet enterprise deployment requirements.\",\"href\":\"/en/third-party-integrations\",\"hidden\":false},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Claude Code on Amazon Bedrock\",\"description\":\"Learn about configuring Claude Code through Amazon Bedrock, including setup, IAM configuration, and troubleshooting.\",\"href\":\"/en/amazon-bedrock\",\"hidden\":false},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Claude Code on Google Vertex AI\",\"description\":\"Learn about configuring Claude Code through Google Vertex AI, including setup, IAM configuration, and troubleshooting.\",\"href\":\"/en/google-vertex-ai\",\"hidden\":false},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code on Microsoft Foundry\",\"description\":\"Learn about configuring Claude Code through Microsoft Foundry, including setup, configuration, and troubleshooting.\",\"href\":\"/en/microsoft-foundry\",\"hidden\":false},{\"sidebarTitle\":\"Network configuration\",\"title\":\"Enterprise network configuration\",\"description\":\"Configure Claude Code for enterprise environments with proxy servers, custom Certificate Authorities (CA), and mutual Transport Layer Security (mTLS) authentication.\",\"href\":\"/en/network-config\",\"hidden\":false},{\"sidebarTitle\":\"LLM gateway\",\"title\":\"LLM gateway configuration\",\"description\":\"Learn how to configure Claude Code to work with LLM gateway solutions. Covers gateway requirements, authentication configuration, model selection, and provider-specific endpoint setup.\",\"href\":\"/en/llm-gateway\",\"hidden\":false},{\"title\":\"Development containers\",\"description\":\"Learn about the Claude Code development container for teams that need consistent, secure environments.\",\"href\":\"/en/devcontainer\",\"hidden\":false}]}]},{\"tab\":\"Administration\",\"groups\":[{\"group\":\"Administration\",\"pages\":[{\"sidebarTitle\":\"Advanced installation\",\"title\":\"Set up Claude Code\",\"description\":\"Install, authenticate, and start using Claude Code on your development machine.\",\"href\":\"/en/setup\",\"hidden\":false},{\"sidebarTitle\":\"Authentication\",\"title\":\"Authentication\",\"description\":\"Learn how to configure user authentication and credential management for Claude Code in your organization.\",\"href\":\"/en/authentication\",\"hidden\":false},{\"title\":\"Security\",\"description\":\"Learn about Claude Code's security safeguards and best practices for safe usage.\",\"href\":\"/en/security\",\"hidden\":false},{\"sidebarTitle\":\"Server-managed settings (beta)\",\"title\":\"Configure server-managed settings (public beta)\",\"description\":\"Centrally configure Claude Code for your organization through server-delivered settings, without requiring device management infrastructure.\",\"href\":\"/en/server-managed-settings\",\"hidden\":false},{\"title\":\"Data usage\",\"description\":\"Learn about Anthropic's data usage policies for Claude\",\"href\":\"/en/data-usage\",\"hidden\":false},{\"title\":\"Monitoring\",\"description\":\"Learn how to enable and configure OpenTelemetry for Claude Code.\",\"href\":\"/en/monitoring-usage\",\"hidden\":false},{\"sidebarTitle\":\"Costs\",\"title\":\"Manage costs effectively\",\"description\":\"Track token usage, set team spend limits, and reduce Claude Code costs with context management, model selection, extended thinking settings, and preprocessing hooks.\",\"href\":\"/en/costs\",\"hidden\":false},{\"title\":\"Track team usage with analytics\",\"description\":\"View Claude Code usage metrics, track adoption, and measure engineering velocity in the analytics dashboard.\",\"href\":\"/en/analytics\",\"hidden\":false},{\"title\":\"Create and distribute a plugin marketplace\",\"sidebarTitle\":\"Create and distribute a plugin marketplace\",\"description\":\"Build and host plugin marketplaces to distribute Claude Code extensions across teams and communities.\",\"href\":\"/en/plugin-marketplaces\",\"hidden\":false}]}]},{\"tab\":\"Configuration\",\"groups\":[{\"group\":\"Configuration\",\"pages\":[{\"sidebarTitle\":\"Settings\",\"title\":\"Claude Code settings\",\"description\":\"Configure Claude Code with global and project-level settings, and environment variables.\",\"href\":\"/en/settings\",\"hidden\":false},{\"sidebarTitle\":\"Permissions\",\"title\":\"Configure permissions\",\"description\":\"Control what Claude Code can access and do with fine-grained permission rules, modes, and managed policies.\",\"href\":\"/en/permissions\",\"hidden\":false},{\"title\":\"Sandboxing\",\"description\":\"Learn how Claude Code's sandboxed bash tool provides filesystem and network isolation for safer, more autonomous agent execution.\",\"href\":\"/en/sandboxing\",\"hidden\":false},{\"sidebarTitle\":\"Terminal configuration\",\"title\":\"Optimize your terminal setup\",\"description\":\"Claude Code works best when your terminal is properly configured. Follow these guidelines to optimize your experience.\",\"href\":\"/en/terminal-config\",\"hidden\":false},{\"title\":\"Model configuration\",\"description\":\"Learn about the Claude Code model configuration, including model aliases like `opusplan`\",\"href\":\"/en/model-config\",\"hidden\":false},{\"title\":\"Speed up responses with fast mode\",\"description\":\"Get faster Opus 4.6 responses in Claude Code by toggling fast mode.\",\"href\":\"/en/fast-mode\",\"hidden\":false},{\"sidebarTitle\":\"Memory management\",\"title\":\"Manage Claude's memory\",\"description\":\"Learn how to manage Claude Code's memory across sessions with different memory locations and best practices.\",\"href\":\"/en/memory\",\"hidden\":false},{\"title\":\"Customize your status line\",\"sidebarTitle\":\"Customize status line\",\"description\":\"Configure a custom status bar to monitor context window usage, costs, and git status in Claude Code\",\"href\":\"/en/statusline\",\"hidden\":false},{\"title\":\"Customize keyboard shortcuts\",\"description\":\"Customize keyboard shortcuts in Claude Code with a keybindings configuration file.\",\"href\":\"/en/keybindings\",\"hidden\":false}]}]},{\"tab\":\"Reference\",\"groups\":[{\"group\":\"Reference\",\"pages\":[{\"title\":\"CLI reference\",\"description\":\"Complete reference for Claude Code command-line interface, including commands and flags.\",\"href\":\"/en/cli-reference\",\"hidden\":false},{\"title\":\"Interactive mode\",\"description\":\"Complete reference for keyboard shortcuts, input modes, and interactive features in Claude Code sessions.\",\"href\":\"/en/interactive-mode\",\"hidden\":false},{\"title\":\"Checkpointing\",\"description\":\"Track, rewind, and summarize Claude's edits and conversation to manage session state.\",\"href\":\"/en/checkpointing\",\"hidden\":false},{\"title\":\"Hooks reference\",\"description\":\"Reference for Claude Code hook events, configuration schema, JSON input/output formats, exit codes, async hooks, prompt hooks, and MCP tool hooks.\",\"href\":\"/en/hooks\",\"hidden\":false},{\"title\":\"Plugins reference\",\"description\":\"Complete technical reference for Claude Code plugin system, including schemas, CLI commands, and component specifications.\",\"href\":\"/en/plugins-reference\",\"hidden\":false}]}]},{\"tab\":\"Resources\",\"groups\":[{\"group\":\"Resources\",\"pages\":[{\"title\":\"Legal and compliance\",\"description\":\"Legal agreements, compliance certifications, and security information for Claude Code.\",\"href\":\"/en/legal-and-compliance\",\"hidden\":false}]}]}]},{\"language\":\"fr\",\"tabs\":[{\"tab\":\"Démarrer\",\"groups\":[{\"group\":\"Démarrer\",\"pages\":[{\"sidebarTitle\":\"Aperçu\",\"title\":\"Aperçu de Claude Code\",\"description\":\"Découvrez Claude Code, l'outil de codage agentique d'Anthropic qui vit dans votre terminal et vous aide à transformer vos idées en code plus rapidement que jamais.\",\"href\":\"/fr/overview\",\"hidden\":false},{\"title\":\"Démarrage rapide\",\"description\":\"Bienvenue dans Claude Code !\",\"href\":\"/fr/quickstart\",\"hidden\":false},{\"title\":\"Journal des modifications\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/fr/changelog\",\"hidden\":false}]},{\"group\":\"Concepts fondamentaux\",\"pages\":[{\"title\":\"Comment fonctionne Claude Code\",\"description\":\"Comprenez la boucle agentive, les outils intégrés et comment Claude Code interagit avec votre projet.\",\"href\":\"/fr/how-claude-code-works\",\"hidden\":false},{\"title\":\"Étendre Claude Code\",\"sidebarTitle\":\"Étendre Claude Code\",\"description\":\"Comprenez quand utiliser CLAUDE.md, Skills, subagents, hooks, MCP et plugins.\",\"href\":\"/fr/features-overview\",\"hidden\":false},{\"title\":\"Flux de travail courants\",\"description\":\"Guides étape par étape pour explorer les bases de code, corriger les bogues, refactoriser, tester et autres tâches quotidiennes avec Claude Code.\",\"href\":\"/fr/common-workflows\",\"hidden\":false},{\"title\":\"Bonnes pratiques pour Claude Code\",\"description\":\"Conseils et modèles pour tirer le meilleur parti de Claude Code, de la configuration de votre environnement à la mise à l'échelle sur plusieurs sessions parallèles.\",\"href\":\"/fr/best-practices\",\"hidden\":false}]},{\"group\":\"Plateformes et intégrations\",\"pages\":[{\"title\":\"Claude Code sur le web\",\"description\":\"Exécutez les tâches Claude Code de manière asynchrone sur une infrastructure cloud sécurisée\",\"href\":\"/fr/claude-code-on-the-web\",\"hidden\":false},{\"title\":\"Claude Code sur le bureau\",\"description\":\"Exécutez les tâches Claude Code localement ou sur une infrastructure cloud sécurisée avec l'application Claude de bureau\",\"href\":\"/fr/desktop\",\"hidden\":false},{\"title\":\"Utiliser Claude Code avec Chrome (bêta)\",\"sidebarTitle\":\"Extension Chrome (bêta)\",\"description\":\"Connectez Claude Code à votre navigateur Chrome pour tester des applications web, déboguer avec les journaux de console, automatiser le remplissage de formulaires et extraire des données des pages web.\",\"href\":\"/fr/chrome\",\"hidden\":false},{\"title\":\"Utiliser Claude Code dans VS Code\",\"sidebarTitle\":\"Visual Studio Code\",\"description\":\"Installez et configurez l'extension Claude Code pour VS Code. Obtenez une assistance de codage IA avec des diffs en ligne, des mentions @, un examen du plan et des raccourcis clavier.\",\"href\":\"/fr/vs-code\",\"hidden\":false},{\"title\":\"JetBrains IDEs\",\"description\":\"Utilisez Claude Code avec les IDEs JetBrains, notamment IntelliJ, PyCharm, WebStorm, et bien d'autres\",\"href\":\"/fr/jetbrains\",\"hidden\":false},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Découvrez comment intégrer Claude Code dans votre flux de travail de développement avec Claude Code GitHub Actions\",\"href\":\"/fr/github-actions\",\"hidden\":false},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Découvrez comment intégrer Claude Code dans votre flux de travail de développement avec GitLab CI/CD\",\"href\":\"/fr/gitlab-ci-cd\",\"hidden\":false},{\"title\":\"Claude Code dans Slack\",\"description\":\"Déléguez les tâches de codage directement depuis votre espace de travail Slack\",\"href\":\"/fr/slack\",\"hidden\":false}]}]},{\"tab\":\"Créer avec Claude Code\",\"groups\":[{\"group\":\"Créer avec Claude Code\",\"pages\":[{\"title\":\"Créer des sous-agents personnalisés\",\"description\":\"Créez et utilisez des sous-agents IA spécialisés dans Claude Code pour des flux de travail spécifiques à des tâches et une meilleure gestion du contexte.\",\"href\":\"/fr/sub-agents\",\"hidden\":false},{\"title\":\"Orchestrer des équipes de sessions Claude Code\",\"description\":\"Coordonnez plusieurs instances Claude Code travaillant ensemble en tant qu'équipe, avec des tâches partagées, la messagerie inter-agents et une gestion centralisée.\",\"href\":\"/fr/agent-teams\",\"hidden\":false},{\"title\":\"Créer des plugins\",\"sidebarTitle\":\"Créer des plugins\",\"description\":\"Créez des plugins personnalisés pour étendre Claude Code avec des skills, des agents, des hooks et des serveurs MCP.\",\"href\":\"/fr/plugins\",\"hidden\":false},{\"title\":\"Découvrez et installez des plugins prédéfinis via les marketplaces\",\"description\":\"Trouvez et installez des plugins à partir de marketplaces pour étendre Claude Code avec de nouvelles commandes, agents et capacités.\",\"href\":\"/fr/discover-plugins\",\"hidden\":false},{\"title\":\"Étendre Claude avec des compétences\",\"description\":\"Créez, gérez et partagez des compétences pour étendre les capacités de Claude dans Claude Code. Inclut les commandes slash personnalisées.\",\"href\":\"/fr/skills\",\"hidden\":false},{\"title\":\"Styles de sortie\",\"description\":\"Adaptez Claude Code pour des usages au-delà de l'ingénierie logicielle\",\"href\":\"/fr/output-styles\",\"hidden\":false},{\"title\":\"Commencer avec les hooks Claude Code\",\"description\":\"Apprenez à personnaliser et étendre le comportement de Claude Code en enregistrant des commandes shell\",\"href\":\"/fr/hooks-guide\",\"hidden\":false},{\"title\":\"Exécuter Claude Code par programmation\",\"sidebarTitle\":\"Utilisation programmatique\",\"description\":\"Utilisez l'Agent SDK pour exécuter Claude Code par programmation depuis la CLI, Python ou TypeScript.\",\"href\":\"/fr/headless\",\"hidden\":false},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"Connecter Claude Code aux outils via MCP\",\"description\":\"Apprenez à connecter Claude Code à vos outils avec le Model Context Protocol.\",\"href\":\"/fr/mcp\",\"hidden\":false},{\"title\":\"Dépannage\",\"description\":\"Découvrez des solutions aux problèmes courants avec l'installation et l'utilisation de Claude Code.\",\"href\":\"/fr/troubleshooting\",\"hidden\":false}]}]},{\"tab\":\"Déploiement\",\"groups\":[{\"group\":\"Déploiement\",\"pages\":[{\"title\":\"Aperçu du déploiement en entreprise\",\"sidebarTitle\":\"Aperçu\",\"description\":\"Découvrez comment Claude Code peut s'intégrer à divers services tiers et infrastructures pour répondre aux exigences de déploiement en entreprise.\",\"href\":\"/fr/third-party-integrations\",\"hidden\":false},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Claude Code sur Amazon Bedrock\",\"description\":\"Découvrez comment configurer Claude Code via Amazon Bedrock, y compris la configuration, la configuration IAM et le dépannage.\",\"href\":\"/fr/amazon-bedrock\",\"hidden\":false},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Claude Code sur Google Vertex AI\",\"description\":\"Découvrez comment configurer Claude Code via Google Vertex AI, y compris la configuration, la configuration IAM et le dépannage.\",\"href\":\"/fr/google-vertex-ai\",\"hidden\":false},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code sur Microsoft Foundry\",\"description\":\"Découvrez comment configurer Claude Code via Microsoft Foundry, y compris la configuration, les paramètres et la résolution des problèmes.\",\"href\":\"/fr/microsoft-foundry\",\"hidden\":false},{\"sidebarTitle\":\"Configuration réseau\",\"title\":\"Configuration réseau d'entreprise\",\"description\":\"Configurez Claude Code pour les environnements d'entreprise avec des serveurs proxy, des autorités de certification (CA) personnalisées et l'authentification mutuelle Transport Layer Security (mTLS).\",\"href\":\"/fr/network-config\",\"hidden\":false},{\"sidebarTitle\":\"Passerelle LLM\",\"title\":\"Configuration de la passerelle LLM\",\"description\":\"Découvrez comment configurer Claude Code pour fonctionner avec des solutions de passerelle LLM. Couvre les exigences de la passerelle, la configuration de l'authentification, la sélection du modèle et la configuration des points de terminaison spécifiques aux fournisseurs.\",\"href\":\"/fr/llm-gateway\",\"hidden\":false},{\"title\":\"Conteneurs de développement\",\"description\":\"Découvrez le conteneur de développement Claude Code pour les équipes qui ont besoin d'environnements cohérents et sécurisés.\",\"href\":\"/fr/devcontainer\",\"hidden\":false}]}]},{\"tab\":\"Administration\",\"groups\":[{\"group\":\"Administration\",\"pages\":[{\"sidebarTitle\":\"Installation avancée\",\"title\":\"Configurer Claude Code\",\"description\":\"Installez, authentifiez-vous et commencez à utiliser Claude Code sur votre machine de développement.\",\"href\":\"/fr/setup\",\"hidden\":false},{\"title\":\"Authentication\",\"href\":\"/fr/authentication\"},{\"title\":\"Sécurité\",\"description\":\"Découvrez les protections de sécurité de Claude Code et les meilleures pratiques pour une utilisation sûre.\",\"href\":\"/fr/security\",\"hidden\":false},{\"title\":\"Server managed settings\",\"href\":\"/fr/server-managed-settings\"},{\"title\":\"Utilisation des données\",\"description\":\"Découvrez les politiques d'utilisation des données d'Anthropic pour Claude\",\"href\":\"/fr/data-usage\",\"hidden\":false},{\"title\":\"Surveillance\",\"description\":\"Découvrez comment activer et configurer OpenTelemetry pour Claude Code.\",\"href\":\"/fr/monitoring-usage\",\"hidden\":false},{\"sidebarTitle\":\"Coûts\",\"title\":\"Gérer les coûts efficacement\",\"description\":\"Apprenez à suivre et optimiser l'utilisation des tokens et les coûts lors de l'utilisation de Claude Code.\",\"href\":\"/fr/costs\",\"hidden\":false},{\"title\":\"Analytique\",\"description\":\"Consultez des informations détaillées sur l'utilisation et les métriques de productivité pour le déploiement de Claude Code de votre organisation.\",\"href\":\"/fr/analytics\",\"hidden\":false},{\"title\":\"Créer et distribuer une place de marché de plugins\",\"sidebarTitle\":\"Créer et distribuer une place de marché de plugins\",\"description\":\"Créez et hébergez des places de marché de plugins pour distribuer les extensions Claude Code dans vos équipes et communautés.\",\"href\":\"/fr/plugin-marketplaces\",\"hidden\":false}]}]},{\"tab\":\"Configuration\",\"groups\":[{\"group\":\"Configuration\",\"pages\":[{\"sidebarTitle\":\"Paramètres\",\"title\":\"Paramètres Claude Code\",\"description\":\"Configurez Claude Code avec des paramètres globaux et au niveau du projet, ainsi que des variables d'environnement.\",\"href\":\"/fr/settings\",\"hidden\":false},{\"sidebarTitle\":\"Permissions\",\"title\":\"Configurer les permissions\",\"description\":\"Contrôlez ce que Claude Code peut accéder et faire avec des règles de permission granulaires, des modes et des politiques gérées.\",\"href\":\"/fr/permissions\",\"hidden\":false},{\"title\":\"Sandboxing\",\"description\":\"Découvrez comment l'outil bash en sandbox de Claude Code offre une isolation du système de fichiers et du réseau pour une exécution d'agent plus sûre et plus autonome.\",\"href\":\"/fr/sandboxing\",\"hidden\":false},{\"sidebarTitle\":\"Configuration du terminal\",\"title\":\"Optimisez votre configuration de terminal\",\"description\":\"Claude Code fonctionne mieux lorsque votre terminal est correctement configuré. Suivez ces directives pour optimiser votre expérience.\",\"href\":\"/fr/terminal-config\",\"hidden\":false},{\"title\":\"Configuration du modèle\",\"description\":\"Découvrez la configuration du modèle Claude Code, y compris les alias de modèle comme `opusplan`\",\"href\":\"/fr/model-config\",\"hidden\":false},{\"title\":\"Fast mode\",\"href\":\"/fr/fast-mode\"},{\"sidebarTitle\":\"Gestion de la mémoire\",\"title\":\"Gérer la mémoire de Claude\",\"description\":\"Apprenez à gérer la mémoire de Claude Code entre les sessions avec différents emplacements de mémoire et les meilleures pratiques.\",\"href\":\"/fr/memory\",\"hidden\":false},{\"title\":\"Configuration de la ligne d'état\",\"description\":\"Créez une ligne d'état personnalisée pour Claude Code afin d'afficher des informations contextuelles\",\"href\":\"/fr/statusline\",\"hidden\":false},{\"title\":\"Personnaliser les raccourcis clavier\",\"description\":\"Personnalisez les raccourcis clavier dans Claude Code avec un fichier de configuration des liaisons de touches.\",\"href\":\"/fr/keybindings\",\"hidden\":false}]}]},{\"tab\":\"Référence\",\"groups\":[{\"group\":\"Référence\",\"pages\":[{\"title\":\"Référence CLI\",\"description\":\"Référence complète pour l'interface de ligne de commande Claude Code, incluant les commandes et les drapeaux.\",\"href\":\"/fr/cli-reference\",\"hidden\":false},{\"title\":\"Mode interactif\",\"description\":\"Référence complète des raccourcis clavier, modes d'entrée et fonctionnalités interactives dans les sessions Claude Code.\",\"href\":\"/fr/interactive-mode\",\"hidden\":false},{\"title\":\"Checkpointing\",\"description\":\"Suivez automatiquement et annulez les modifications de Claude pour récupérer rapidement des changements indésirables.\",\"href\":\"/fr/checkpointing\",\"hidden\":false},{\"title\":\"Référence des hooks\",\"description\":\"Cette page fournit une documentation de référence pour l'implémentation de hooks dans Claude Code.\",\"href\":\"/fr/hooks\",\"hidden\":false},{\"title\":\"Référence des plugins\",\"description\":\"Référence technique complète du système de plugins Claude Code, incluant les schémas, les commandes CLI et les spécifications des composants.\",\"href\":\"/fr/plugins-reference\",\"hidden\":false}]}]},{\"tab\":\"Ressources\",\"groups\":[{\"group\":\"Ressources\",\"pages\":[{\"title\":\"Légal et conformité\",\"description\":\"Accords juridiques, certifications de conformité et informations de sécurité pour Claude Code.\",\"href\":\"/fr/legal-and-compliance\",\"hidden\":false}]}]}]},{\"language\":\"de\",\"tabs\":[{\"tab\":\"Erste Schritte\",\"groups\":[{\"group\":\"Erste Schritte\",\"pages\":[{\"sidebarTitle\":\"Übersicht\",\"title\":\"Claude Code Übersicht\",\"description\":\"Erfahren Sie mehr über Claude Code, Anthropics agentengestütztes Codierungswerkzeug, das in Ihrem Terminal läuft und Ihnen hilft, Ideen schneller als je zuvor in Code umzuwandeln.\",\"href\":\"/de/overview\",\"hidden\":false},{\"title\":\"Schnellstart\",\"description\":\"Willkommen bei Claude Code!\",\"href\":\"/de/quickstart\",\"hidden\":false},{\"title\":\"Changelog\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/de/changelog\",\"hidden\":false}]},{\"group\":\"Kernkonzepte\",\"pages\":[{\"title\":\"Wie Claude Code funktioniert\",\"description\":\"Verstehen Sie die agentengesteuerte Schleife, integrierte Tools und wie Claude Code mit Ihrem Projekt interagiert.\",\"href\":\"/de/how-claude-code-works\",\"hidden\":false},{\"title\":\"Claude Code erweitern\",\"sidebarTitle\":\"Claude Code erweitern\",\"description\":\"Verstehen Sie, wann Sie CLAUDE.md, Skills, Subagents, Hooks, MCP und Plugins verwenden sollten.\",\"href\":\"/de/features-overview\",\"hidden\":false},{\"title\":\"Häufige Workflows\",\"description\":\"Schritt-für-Schritt-Anleitungen zum Erkunden von Codebases, Beheben von Fehlern, Refaktorierung, Testen und anderen alltäglichen Aufgaben mit Claude Code.\",\"href\":\"/de/common-workflows\",\"hidden\":false},{\"title\":\"Best Practices für Claude Code\",\"sidebarTitle\":\"Best Practices\",\"description\":\"Tipps und Muster, um das Beste aus Claude Code herauszuholen – von der Konfiguration Ihrer Umgebung bis zur Skalierung über parallele Sitzungen.\",\"href\":\"/de/best-practices\",\"hidden\":false}]},{\"group\":\"Plattformen und Integrationen\",\"pages\":[{\"title\":\"Claude Code im Web\",\"description\":\"Führen Sie Claude Code-Aufgaben asynchron auf sicherer Cloud-Infrastruktur aus\",\"href\":\"/de/claude-code-on-the-web\",\"hidden\":false},{\"title\":\"Claude Code auf dem Desktop\",\"description\":\"Führen Sie Claude Code-Aufgaben lokal oder auf sicherer Cloud-Infrastruktur mit der Claude-Desktop-App aus\",\"href\":\"/de/desktop\",\"hidden\":false},{\"title\":\"Claude Code mit Chrome verwenden (Beta)\",\"sidebarTitle\":\"Chrome-Erweiterung (Beta)\",\"description\":\"Verbinden Sie Claude Code mit Ihrem Chrome-Browser, um Web-Apps zu testen, mit Konsolenprotokollen zu debuggen, Formularausfüllungen zu automatisieren und Daten von Webseiten zu extrahieren.\",\"href\":\"/de/chrome\",\"hidden\":false},{\"title\":\"Claude Code in VS Code verwenden\",\"description\":\"Installieren und konfigurieren Sie die Claude Code-Erweiterung für VS Code. Erhalten Sie KI-Codierungshilfe mit Inline-Diffs, @-Erwähnungen, Planüberprüfung und Tastaturkürzeln.\",\"href\":\"/de/vs-code\",\"hidden\":false},{\"title\":\"JetBrains IDEs\",\"description\":\"Verwenden Sie Claude Code mit JetBrains IDEs einschließlich IntelliJ, PyCharm, WebStorm und mehr\",\"href\":\"/de/jetbrains\",\"hidden\":false},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Erfahren Sie, wie Sie Claude Code in Ihren Entwicklungs-Workflow mit Claude Code GitHub Actions integrieren\",\"href\":\"/de/github-actions\",\"hidden\":false},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Erfahren Sie, wie Sie Claude Code in Ihren Entwicklungs-Workflow mit GitLab CI/CD integrieren\",\"href\":\"/de/gitlab-ci-cd\",\"hidden\":false},{\"title\":\"Claude Code in Slack\",\"description\":\"Delegieren Sie Codierungsaufgaben direkt aus Ihrem Slack-Arbeitsbereich\",\"href\":\"/de/slack\",\"hidden\":false}]}]},{\"tab\":\"Mit Claude Code erstellen\",\"groups\":[{\"group\":\"Mit Claude Code erstellen\",\"pages\":[{\"title\":\"Benutzerdefinierte Subagenten erstellen\",\"description\":\"Erstellen und verwenden Sie spezialisierte KI-Subagenten in Claude Code für aufgabenspezifische Workflows und verbesserte Kontextverwaltung.\",\"href\":\"/de/sub-agents\",\"hidden\":false},{\"title\":\"Orchestrieren Sie Teams von Claude Code-Sitzungen\",\"sidebarTitle\":\"Agent-Teams ausführen\",\"description\":\"Koordinieren Sie mehrere Claude Code-Instanzen, die zusammen als Team arbeiten, mit gemeinsamen Aufgaben, Messaging zwischen Agenten und zentraler Verwaltung.\",\"href\":\"/de/agent-teams\",\"hidden\":false},{\"title\":\"Plugins erstellen\",\"sidebarTitle\":\"Plugins erstellen\",\"description\":\"Erstellen Sie benutzerdefinierte Plugins, um Claude Code mit Skills, Agents, Hooks und MCP-Servern zu erweitern.\",\"href\":\"/de/plugins\",\"hidden\":false},{\"title\":\"Entdecken und installieren Sie vorgefertigte Plugins über Marktplätze\",\"description\":\"Finden und installieren Sie Plugins aus Marktplätzen, um Claude Code mit neuen Befehlen, Agenten und Funktionen zu erweitern.\",\"href\":\"/de/discover-plugins\",\"hidden\":false},{\"title\":\"Claude mit Skills erweitern\",\"description\":\"Erstellen, verwalten und teilen Sie Skills, um Claudes Fähigkeiten in Claude Code zu erweitern. Beinhaltet benutzerdefinierte Schrägstrich-Befehle.\",\"href\":\"/de/skills\",\"hidden\":false},{\"title\":\"Ausgabestile\",\"description\":\"Passen Sie Claude Code für Anwendungsfälle über Softwareentwicklung hinaus an\",\"href\":\"/de/output-styles\",\"hidden\":false},{\"title\":\"Erste Schritte mit Claude Code Hooks\",\"description\":\"Erfahren Sie, wie Sie das Verhalten von Claude Code durch die Registrierung von Shell-Befehlen anpassen und erweitern können\",\"href\":\"/de/hooks-guide\",\"hidden\":false},{\"title\":\"Claude Code programmgesteuert ausführen\",\"sidebarTitle\":\"Programmgesteuerte Nutzung\",\"description\":\"Verwenden Sie das Agent SDK, um Claude Code programmgesteuert über die CLI, Python oder TypeScript auszuführen.\",\"href\":\"/de/headless\",\"hidden\":false},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"Claude Code mit Tools über MCP verbinden\",\"description\":\"Erfahren Sie, wie Sie Claude Code mit Ihren Tools über das Model Context Protocol verbinden.\",\"href\":\"/de/mcp\",\"hidden\":false},{\"title\":\"Fehlerbehebung\",\"description\":\"Entdecken Sie Lösungen für häufige Probleme bei der Installation und Verwendung von Claude Code.\",\"href\":\"/de/troubleshooting\",\"hidden\":false}]}]},{\"tab\":\"Bereitstellung\",\"groups\":[{\"group\":\"Bereitstellung\",\"pages\":[{\"title\":\"Übersicht zur Enterprise-Bereitstellung\",\"sidebarTitle\":\"Übersicht\",\"description\":\"Erfahren Sie, wie Claude Code mit verschiedenen Drittanbieter-Services und Infrastrukturen integriert werden kann, um Enterprise-Bereitstellungsanforderungen zu erfüllen.\",\"href\":\"/de/third-party-integrations\",\"hidden\":false},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Claude Code auf Amazon Bedrock\",\"description\":\"Erfahren Sie, wie Sie Claude Code über Amazon Bedrock konfigurieren, einschließlich Setup, IAM-Konfiguration und Fehlerbehebung.\",\"href\":\"/de/amazon-bedrock\",\"hidden\":false},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Claude Code auf Google Vertex AI\",\"description\":\"Erfahren Sie, wie Sie Claude Code über Google Vertex AI konfigurieren, einschließlich Setup, IAM-Konfiguration und Fehlerbehebung.\",\"href\":\"/de/google-vertex-ai\",\"hidden\":false},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code auf Microsoft Foundry\",\"description\":\"Erfahren Sie, wie Sie Claude Code über Microsoft Foundry konfigurieren, einschließlich Setup, Konfiguration und Fehlerbehebung.\",\"href\":\"/de/microsoft-foundry\",\"hidden\":false},{\"sidebarTitle\":\"Netzwerkkonfiguration\",\"title\":\"Enterprise-Netzwerkkonfiguration\",\"description\":\"Konfigurieren Sie Claude Code für Enterprise-Umgebungen mit Proxy-Servern, benutzerdefinierten Zertifizierungsstellen (CA) und gegenseitiger Transport Layer Security (mTLS)-Authentifizierung.\",\"href\":\"/de/network-config\",\"hidden\":false},{\"sidebarTitle\":\"LLM gateway\",\"title\":\"LLM-Gateway-Konfiguration\",\"description\":\"Erfahren Sie, wie Sie Claude Code für die Zusammenarbeit mit LLM-Gateway-Lösungen konfigurieren. Behandelt Gateway-Anforderungen, Authentifizierungskonfiguration, Modellauswahl und anbieter-spezifisches Endpoint-Setup.\",\"href\":\"/de/llm-gateway\",\"hidden\":false},{\"title\":\"Entwicklungscontainer\",\"description\":\"Erfahren Sie mehr über den Claude Code-Entwicklungscontainer für Teams, die konsistente, sichere Umgebungen benötigen.\",\"href\":\"/de/devcontainer\",\"hidden\":false}]}]},{\"tab\":\"Verwaltung\",\"groups\":[{\"group\":\"Verwaltung\",\"pages\":[{\"sidebarTitle\":\"Erweiterte Installation\",\"title\":\"Claude Code einrichten\",\"description\":\"Installieren, authentifizieren und beginnen Sie mit der Verwendung von Claude Code auf Ihrem Entwicklungscomputer.\",\"href\":\"/de/setup\",\"hidden\":false},{\"title\":\"Authentication\",\"href\":\"/de/authentication\"},{\"title\":\"Sicherheit\",\"description\":\"Erfahren Sie mehr über die Sicherheitsvorkehrungen von Claude Code und bewährte Praktiken für sichere Nutzung.\",\"href\":\"/de/security\",\"hidden\":false},{\"title\":\"Server managed settings\",\"href\":\"/de/server-managed-settings\"},{\"title\":\"Datennutzung\",\"description\":\"Erfahren Sie mehr über die Datennutzungsrichtlinien von Anthropic für Claude\",\"href\":\"/de/data-usage\",\"hidden\":false},{\"title\":\"Überwachung\",\"description\":\"Erfahren Sie, wie Sie OpenTelemetry für Claude Code aktivieren und konfigurieren.\",\"href\":\"/de/monitoring-usage\",\"hidden\":false},{\"sidebarTitle\":\"Kosten\",\"title\":\"Kosten effektiv verwalten\",\"description\":\"Erfahren Sie, wie Sie die Token-Nutzung und Kosten bei der Verwendung von Claude Code verfolgen und optimieren können.\",\"href\":\"/de/costs\",\"hidden\":false},{\"title\":\"Analytik\",\"description\":\"Zeigen Sie detaillierte Nutzungseinblicke und Produktivitätsmetriken für die Claude Code-Bereitstellung Ihrer Organisation an.\",\"href\":\"/de/analytics\",\"hidden\":false},{\"title\":\"Erstellen und Verteilen eines Plugin-Marktplatzes\",\"sidebarTitle\":\"Erstellen und Verteilen eines Plugin-Marktplatzes\",\"description\":\"Erstellen und hosten Sie Plugin-Marktplätze, um Claude Code-Erweiterungen in Teams und Communities zu verteilen.\",\"href\":\"/de/plugin-marketplaces\",\"hidden\":false}]}]},{\"tab\":\"Konfiguration\",\"groups\":[{\"group\":\"Konfiguration\",\"pages\":[{\"sidebarTitle\":\"Einstellungen\",\"title\":\"Claude Code-Einstellungen\",\"description\":\"Konfigurieren Sie Claude Code mit globalen und projektbezogenen Einstellungen sowie Umgebungsvariablen.\",\"href\":\"/de/settings\",\"hidden\":false},{\"sidebarTitle\":\"Berechtigungen\",\"title\":\"Berechtigungen konfigurieren\",\"description\":\"Kontrollieren Sie, worauf Claude Code zugreifen kann und was es mit granularen Berechtigungsregeln, Modi und verwalteten Richtlinien tun kann.\",\"href\":\"/de/permissions\",\"hidden\":false},{\"title\":\"Sandboxing\",\"description\":\"Erfahren Sie, wie das Sandboxing-Tool von Claude Code Dateisystem- und Netzwerkisolation bietet, um eine sicherere und autonomere Agent-Ausführung zu ermöglichen.\",\"href\":\"/de/sandboxing\",\"hidden\":false},{\"sidebarTitle\":\"Terminalkonfiguration\",\"title\":\"Optimieren Sie Ihr Terminal-Setup\",\"description\":\"Claude Code funktioniert am besten, wenn Ihr Terminal richtig konfiguriert ist. Befolgen Sie diese Richtlinien, um Ihr Erlebnis zu optimieren.\",\"href\":\"/de/terminal-config\",\"hidden\":false},{\"title\":\"Modellkonfiguration\",\"description\":\"Erfahren Sie mehr über die Claude Code Modellkonfiguration, einschließlich Modellaliase wie `opusplan`\",\"href\":\"/de/model-config\",\"hidden\":false},{\"title\":\"Fast mode\",\"href\":\"/de/fast-mode\"},{\"sidebarTitle\":\"Speicherverwaltung\",\"title\":\"Verwalten Sie Claudes Speicher\",\"description\":\"Erfahren Sie, wie Sie Claudes Code-Speicher über Sitzungen hinweg mit verschiedenen Speicherorten und Best Practices verwalten.\",\"href\":\"/de/memory\",\"hidden\":false},{\"title\":\"Konfiguration der Statuszeile\",\"description\":\"Erstellen Sie eine benutzerdefinierte Statuszeile für Claude Code, um kontextbezogene Informationen anzuzeigen\",\"href\":\"/de/statusline\",\"hidden\":false},{\"title\":\"Tastaturkürzel anpassen\",\"description\":\"Passen Sie Tastaturkürzel in Claude Code mit einer Keybindings-Konfigurationsdatei an.\",\"href\":\"/de/keybindings\",\"hidden\":false}]}]},{\"tab\":\"Referenz\",\"groups\":[{\"group\":\"Referenz\",\"pages\":[{\"title\":\"CLI-Referenz\",\"description\":\"Vollständige Referenz für die Claude Code Befehlszeilenschnittstelle, einschließlich Befehle und Flags.\",\"href\":\"/de/cli-reference\",\"hidden\":false},{\"title\":\"Interaktiver Modus\",\"description\":\"Vollständige Referenz für Tastaturkürzel, Eingabemodi und interaktive Funktionen in Claude Code-Sitzungen.\",\"href\":\"/de/interactive-mode\",\"hidden\":false},{\"title\":\"Checkpointing\",\"description\":\"Verfolgen Sie automatisch die Änderungen von Claude und machen Sie unerwünschte Änderungen schnell rückgängig.\",\"href\":\"/de/checkpointing\",\"hidden\":false},{\"title\":\"Hooks-Referenz\",\"description\":\"Diese Seite bietet Referenzdokumentation zur Implementierung von Hooks in Claude Code.\",\"href\":\"/de/hooks\",\"hidden\":false},{\"title\":\"Plugins-Referenz\",\"description\":\"Vollständige technische Referenz für das Claude Code Plugin-System, einschließlich Schemas, CLI-Befehle und Komponentenspezifikationen.\",\"href\":\"/de/plugins-reference\",\"hidden\":false}]}]},{\"tab\":\"Ressourcen\",\"groups\":[{\"group\":\"Ressourcen\",\"pages\":[{\"title\":\"Rechtliche Bestimmungen und Compliance\",\"description\":\"Rechtliche Vereinbarungen, Compliance-Zertifizierungen und Sicherheitsinformationen für Claude Code.\",\"href\":\"/de/legal-and-compliance\",\"hidden\":false}]}]}]},{\"language\":\"it\",\"tabs\":[{\"tab\":\"Guida introduttiva\",\"groups\":[{\"group\":\"Guida introduttiva\",\"pages\":[{\"sidebarTitle\":\"Panoramica\",\"title\":\"Panoramica di Claude Code\",\"description\":\"Scopri Claude Code, lo strumento di codifica agentivo di Anthropic che vive nel tuo terminale e ti aiuta a trasformare le idee in codice più velocemente che mai.\",\"href\":\"/it/overview\",\"hidden\":false},{\"title\":\"Guida rapida\",\"description\":\"Benvenuto in Claude Code!\",\"href\":\"/it/quickstart\",\"hidden\":false},{\"title\":\"Changelog\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/it/changelog\",\"hidden\":false}]},{\"group\":\"Concetti fondamentali\",\"pages\":[{\"title\":\"Come funziona Claude Code\",\"description\":\"Comprendi il ciclo agentico, gli strumenti integrati e come Claude Code interagisce con il tuo progetto.\",\"href\":\"/it/how-claude-code-works\",\"hidden\":false},{\"title\":\"Estendi Claude Code\",\"sidebarTitle\":\"Estendi Claude Code\",\"description\":\"Comprendi quando utilizzare CLAUDE.md, Skills, subagents, hooks, MCP e plugins.\",\"href\":\"/it/features-overview\",\"hidden\":false},{\"title\":\"Flussi di lavoro comuni\",\"description\":\"Guide passo dopo passo per esplorare basi di codice, correggere bug, effettuare refactoring, testare e altre attività quotidiane con Claude Code.\",\"href\":\"/it/common-workflows\",\"hidden\":false},{\"title\":\"Best Practices per Claude Code\",\"description\":\"Suggerimenti e modelli per ottenere il massimo da Claude Code, dalla configurazione dell'ambiente al ridimensionamento tra sessioni parallele.\",\"href\":\"/it/best-practices\",\"hidden\":false}]},{\"group\":\"Piattaforme e integrazioni\",\"pages\":[{\"title\":\"Claude Code sul web\",\"description\":\"Esegui attività Claude Code in modo asincrono su infrastruttura cloud sicura\",\"href\":\"/it/claude-code-on-the-web\",\"hidden\":false},{\"title\":\"Claude Code su desktop\",\"description\":\"Esegui attività Claude Code localmente o su infrastruttura cloud sicura con l'app desktop Claude\",\"href\":\"/it/desktop\",\"hidden\":false},{\"title\":\"Usa Claude Code con Chrome (beta)\",\"sidebarTitle\":\"Estensione Chrome (beta)\",\"description\":\"Connetti Claude Code al tuo browser Chrome per testare app web, eseguire il debug con i log della console, automatizzare la compilazione di moduli ed estrarre dati dalle pagine web.\",\"href\":\"/it/chrome\",\"hidden\":false},{\"title\":\"Usa Claude Code in VS Code\",\"description\":\"Installa e configura l'estensione Claude Code per VS Code. Ottieni assistenza di codifica AI con diff inline, @-mention, revisione del piano e scorciatoie da tastiera.\",\"href\":\"/it/vs-code\",\"hidden\":false},{\"title\":\"JetBrains IDEs\",\"description\":\"Usa Claude Code con JetBrains IDEs inclusi IntelliJ, PyCharm, WebStorm e altri\",\"href\":\"/it/jetbrains\",\"hidden\":false},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Scopri come integrare Claude Code nel tuo flusso di lavoro di sviluppo con Claude Code GitHub Actions\",\"href\":\"/it/github-actions\",\"hidden\":false},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Scopri come integrare Claude Code nel tuo flusso di lavoro di sviluppo con GitLab CI/CD\",\"href\":\"/it/gitlab-ci-cd\",\"hidden\":false},{\"title\":\"Claude Code in Slack\",\"description\":\"Delega i compiti di codifica direttamente dal tuo workspace Slack\",\"href\":\"/it/slack\",\"hidden\":false}]}]},{\"tab\":\"Sviluppate con Claude Code\",\"groups\":[{\"group\":\"Sviluppate con Claude Code\",\"pages\":[{\"title\":\"Creare subagent personalizzati\",\"description\":\"Crea e utilizza subagent AI specializzati in Claude Code per flussi di lavoro specifici per attività e una migliore gestione del contesto.\",\"href\":\"/it/sub-agents\",\"hidden\":false},{\"title\":\"Orchestrare team di sessioni Claude Code\",\"description\":\"Coordinare più istanze di Claude Code che lavorano insieme come un team, con attività condivise, messaggistica tra agenti e gestione centralizzata.\",\"href\":\"/it/agent-teams\",\"hidden\":false},{\"title\":\"Creare plugin\",\"sidebarTitle\":\"Creare plugin\",\"description\":\"Crea plugin personalizzati per estendere Claude Code con skills, agents, hooks e MCP servers.\",\"href\":\"/it/plugins\",\"hidden\":false},{\"title\":\"Scopri e installa plugin precostruiti tramite marketplace\",\"description\":\"Trova e installa plugin dai marketplace per estendere Claude Code con nuovi comandi, agenti e funzionalità.\",\"href\":\"/it/discover-plugins\",\"hidden\":false},{\"title\":\"Estendi Claude con le skill\",\"description\":\"Crea, gestisci e condividi skill per estendere le capacità di Claude in Claude Code. Include comandi slash personalizzati.\",\"href\":\"/it/skills\",\"hidden\":false},{\"title\":\"Stili di output\",\"description\":\"Adattare Claude Code per usi oltre l'ingegneria del software\",\"href\":\"/it/output-styles\",\"hidden\":false},{\"title\":\"Iniziare con i hook di Claude Code\",\"description\":\"Scopri come personalizzare ed estendere il comportamento di Claude Code registrando comandi shell\",\"href\":\"/it/hooks-guide\",\"hidden\":false},{\"title\":\"Eseguire Claude Code a livello di programmazione\",\"description\":\"Utilizza l'Agent SDK per eseguire Claude Code a livello di programmazione dalla CLI, Python o TypeScript.\",\"href\":\"/it/headless\",\"hidden\":false},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"Connetti Claude Code ai tuoi strumenti tramite MCP\",\"description\":\"Scopri come connettere Claude Code ai tuoi strumenti con il Model Context Protocol.\",\"href\":\"/it/mcp\",\"hidden\":false},{\"title\":\"Risoluzione dei problemi\",\"description\":\"Scopri soluzioni ai problemi comuni con l'installazione e l'utilizzo di Claude Code.\",\"href\":\"/it/troubleshooting\",\"hidden\":false}]}]},{\"tab\":\"Distribuzione\",\"groups\":[{\"group\":\"Distribuzione\",\"pages\":[{\"title\":\"Panoramica della distribuzione aziendale\",\"sidebarTitle\":\"Panoramica\",\"description\":\"Scopri come Claude Code può integrarsi con vari servizi di terze parti e infrastrutture per soddisfare i requisiti di distribuzione aziendale.\",\"href\":\"/it/third-party-integrations\",\"hidden\":false},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Claude Code su Amazon Bedrock\",\"description\":\"Scopri come configurare Claude Code tramite Amazon Bedrock, inclusa la configurazione, la configurazione IAM e la risoluzione dei problemi.\",\"href\":\"/it/amazon-bedrock\",\"hidden\":false},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Claude Code su Google Vertex AI\",\"description\":\"Scopri come configurare Claude Code tramite Google Vertex AI, inclusa la configurazione, la configurazione IAM e la risoluzione dei problemi.\",\"href\":\"/it/google-vertex-ai\",\"hidden\":false},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code su Microsoft Foundry\",\"description\":\"Scopri come configurare Claude Code tramite Microsoft Foundry, inclusi setup, configurazione e risoluzione dei problemi.\",\"href\":\"/it/microsoft-foundry\",\"hidden\":false},{\"sidebarTitle\":\"Configurazione di rete\",\"title\":\"Configurazione di rete aziendale\",\"description\":\"Configurare Claude Code per ambienti aziendali con server proxy, Autorità di Certificazione (CA) personalizzate e autenticazione Transport Layer Security (mTLS) reciproca.\",\"href\":\"/it/network-config\",\"hidden\":false},{\"sidebarTitle\":\"Gateway LLM\",\"title\":\"Configurazione del gateway LLM\",\"description\":\"Scopri come configurare Claude Code per funzionare con soluzioni di gateway LLM. Copre i requisiti del gateway, la configurazione dell'autenticazione, la selezione del modello e la configurazione degli endpoint specifici del provider.\",\"href\":\"/it/llm-gateway\",\"hidden\":false},{\"title\":\"Contenitori di sviluppo\",\"description\":\"Scopri il contenitore di sviluppo Claude Code per i team che necessitano di ambienti coerenti e sicuri.\",\"href\":\"/it/devcontainer\",\"hidden\":false}]}]},{\"tab\":\"Amministrazione\",\"groups\":[{\"group\":\"Amministrazione\",\"pages\":[{\"sidebarTitle\":\"Installazione avanzata\",\"title\":\"Configurare Claude Code\",\"description\":\"Installa, autentica e inizia a utilizzare Claude Code sulla tua macchina di sviluppo.\",\"href\":\"/it/setup\",\"hidden\":false},{\"title\":\"Authentication\",\"href\":\"/it/authentication\"},{\"title\":\"Sicurezza\",\"description\":\"Scopri le misure di sicurezza di Claude Code e le migliori pratiche per un utilizzo sicuro.\",\"href\":\"/it/security\",\"hidden\":false},{\"title\":\"Server managed settings\",\"href\":\"/it/server-managed-settings\"},{\"title\":\"Utilizzo dei dati\",\"description\":\"Scopri le politiche di utilizzo dei dati di Anthropic per Claude\",\"href\":\"/it/data-usage\",\"hidden\":false},{\"title\":\"Monitoraggio\",\"description\":\"Scopri come abilitare e configurare OpenTelemetry per Claude Code.\",\"href\":\"/it/monitoring-usage\",\"hidden\":false},{\"sidebarTitle\":\"Costi\",\"title\":\"Gestisci i costi in modo efficace\",\"description\":\"Scopri come tracciare e ottimizzare l'utilizzo dei token e i costi quando utilizzi Claude Code.\",\"href\":\"/it/costs\",\"hidden\":false},{\"title\":\"Analitiche\",\"description\":\"Visualizza approfondimenti dettagliati sull'utilizzo e metriche di produttività per la distribuzione di Claude Code della tua organizzazione.\",\"href\":\"/it/analytics\",\"hidden\":false},{\"title\":\"Creare e distribuire un marketplace di plugin\",\"sidebarTitle\":\"Creare e distribuire un marketplace di plugin\",\"description\":\"Crea e ospita marketplace di plugin per distribuire estensioni Claude Code tra team e comunità.\",\"href\":\"/it/plugin-marketplaces\",\"hidden\":false}]}]},{\"tab\":\"Configurazione\",\"groups\":[{\"group\":\"Configurazione\",\"pages\":[{\"sidebarTitle\":\"Impostazioni\",\"title\":\"Impostazioni di Claude Code\",\"description\":\"Configura Claude Code con impostazioni globali e a livello di progetto, e variabili d'ambiente.\",\"href\":\"/it/settings\",\"hidden\":false},{\"sidebarTitle\":\"Autorizzazioni\",\"title\":\"Configurare le autorizzazioni\",\"description\":\"Controlla cosa Claude Code può accedere e fare con regole di autorizzazione granulari, modalità e politiche gestite.\",\"href\":\"/it/permissions\",\"hidden\":false},{\"title\":\"Sandboxing\",\"description\":\"Scopri come lo strumento bash in sandbox di Claude Code fornisce isolamento del filesystem e della rete per un'esecuzione dell'agente più sicura e autonoma.\",\"href\":\"/it/sandboxing\",\"hidden\":false},{\"sidebarTitle\":\"Configurazione del terminale\",\"title\":\"Ottimizza la configurazione del tuo terminale\",\"description\":\"Claude Code funziona al meglio quando il tuo terminale è correttamente configurato. Segui queste linee guida per ottimizzare la tua esperienza.\",\"href\":\"/it/terminal-config\",\"hidden\":false},{\"title\":\"Configurazione del modello\",\"description\":\"Scopri la configurazione del modello Claude Code, inclusi gli alias dei modelli come `opusplan`\",\"href\":\"/it/model-config\",\"hidden\":false},{\"title\":\"Fast mode\",\"href\":\"/it/fast-mode\"},{\"sidebarTitle\":\"Gestione della memoria\",\"title\":\"Gestisci la memoria di Claude\",\"description\":\"Scopri come gestire la memoria di Claude Code tra le sessioni con diverse posizioni di memoria e best practice.\",\"href\":\"/it/memory\",\"hidden\":false},{\"title\":\"Configurazione della barra di stato\",\"description\":\"Crea una barra di stato personalizzata per Claude Code per visualizzare informazioni contestuali\",\"href\":\"/it/statusline\",\"hidden\":false},{\"title\":\"Personalizza le scorciatoie da tastiera\",\"description\":\"Personalizza le scorciatoie da tastiera in Claude Code con un file di configurazione keybindings.\",\"href\":\"/it/keybindings\",\"hidden\":false}]}]},{\"tab\":\"Riferimento\",\"groups\":[{\"group\":\"Riferimento\",\"pages\":[{\"title\":\"Riferimento CLI\",\"description\":\"Riferimento completo per l'interfaccia della riga di comando Claude Code, inclusi comandi e flag.\",\"href\":\"/it/cli-reference\",\"hidden\":false},{\"title\":\"Modalità interattiva\",\"description\":\"Riferimento completo per scorciatoie da tastiera, modalità di input e funzionalità interattive nelle sessioni Claude Code.\",\"href\":\"/it/interactive-mode\",\"hidden\":false},{\"title\":\"checkpoint\",\"description\":\"Traccia automaticamente e riavvolgi gli edit di Claude per recuperare rapidamente dai cambiamenti indesiderati.\",\"href\":\"/it/checkpointing\",\"hidden\":false},{\"title\":\"Riferimento degli hook\",\"description\":\"Questa pagina fornisce documentazione di riferimento per l'implementazione degli hook in Claude Code.\",\"href\":\"/it/hooks\",\"hidden\":false},{\"title\":\"Riferimento dei plugin\",\"description\":\"Riferimento tecnico completo per il sistema di plugin di Claude Code, inclusi schemi, comandi CLI e specifiche dei componenti.\",\"href\":\"/it/plugins-reference\",\"hidden\":false}]}]},{\"tab\":\"Risorse\",\"groups\":[{\"group\":\"Risorse\",\"pages\":[{\"title\":\"Aspetti legali e conformità\",\"description\":\"Accordi legali, certificazioni di conformità e informazioni sulla sicurezza per Claude Code.\",\"href\":\"/it/legal-and-compliance\",\"hidden\":false}]}]}]},{\"language\":\"jp\",\"tabs\":[{\"tab\":\"はじめに\",\"groups\":[{\"group\":\"はじめに\",\"pages\":[{\"sidebarTitle\":\"概要\",\"title\":\"Claude Code 概要\",\"description\":\"Anthropic の agentic coding ツール Claude Code について学びます。Claude Code はターミナルで動作し、アイデアをコードに変えるのを今までより速く支援します。\",\"href\":\"/ja/overview\",\"hidden\":false},{\"title\":\"クイックスタート\",\"description\":\"Claude Codeへようこそ！\",\"href\":\"/ja/quickstart\",\"hidden\":false},{\"title\":\"変更履歴\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/ja/changelog\",\"hidden\":false}]},{\"group\":\"コア概念\",\"pages\":[{\"title\":\"Claude Code の仕組み\",\"description\":\"agentic ループ、組み込みツール、Claude Code がプロジェクトとどのように相互作用するかを理解します。\",\"href\":\"/ja/how-claude-code-works\",\"hidden\":false},{\"title\":\"Claude Code を拡張する\",\"sidebarTitle\":\"Claude Code を拡張する\",\"description\":\"CLAUDE.md、Skills、subagents、hooks、MCP、plugins をいつ使用するかを理解します。\",\"href\":\"/ja/features-overview\",\"hidden\":false},{\"title\":\"一般的なワークフロー\",\"description\":\"Claude Code でコードベースの探索、バグ修正、リファクタリング、テスト、その他の日常的なタスクを実行するためのステップバイステップガイド。\",\"href\":\"/ja/common-workflows\",\"hidden\":false},{\"title\":\"Claude Code のベストプラクティス\",\"sidebarTitle\":\"ベストプラクティス\",\"description\":\"環境設定から並列セッションでのスケーリングまで、Claude Code を最大限に活用するためのヒントとパターン。\",\"href\":\"/ja/best-practices\",\"hidden\":false}]},{\"group\":\"プラットフォームと統合\",\"pages\":[{\"title\":\"ウェブ上の Claude Code\",\"description\":\"セキュアなクラウドインフラストラクチャで Claude Code タスクを非同期に実行します\",\"href\":\"/ja/claude-code-on-the-web\",\"hidden\":false},{\"title\":\"デスクトップ上の Claude Code\",\"description\":\"Claude デスクトップアプリを使用して、Claude Code タスクをローカルで実行するか、セキュアなクラウドインフラストラクチャで実行します\",\"href\":\"/ja/desktop\",\"hidden\":false},{\"title\":\"Chrome で Claude Code を使用する（ベータ版）\",\"sidebarTitle\":\"Chrome 拡張機能（ベータ版）\",\"description\":\"Claude Code を Chrome ブラウザに接続して、Web アプリをテストし、コンソールログでデバッグし、フォーム入力を自動化し、Web ページからデータを抽出します。\",\"href\":\"/ja/chrome\",\"hidden\":false},{\"title\":\"VS Code で Claude Code を使用する\",\"description\":\"Claude Code 拡張機能を VS Code にインストールして設定します。インラインの差分表示、@-メンション、プラン確認、キーボードショートカットを使用した AI コーディング支援を取得します。\",\"href\":\"/ja/vs-code\",\"hidden\":false},{\"title\":\"JetBrains IDEs\",\"description\":\"Claude CodeをIntelliJ、PyCharm、WebStormなどのJetBrains IDEで使用する\",\"href\":\"/ja/jetbrains\",\"hidden\":false},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Claude Code を GitHub ワークフローに統合する方法について学びます\",\"href\":\"/ja/github-actions\",\"hidden\":false},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Claude Code を GitLab CI/CD で開発ワークフローに統合する方法について学びます\",\"href\":\"/ja/gitlab-ci-cd\",\"hidden\":false},{\"title\":\"Slack での Claude Code\",\"description\":\"Slack ワークスペースから直接コーディングタスクを委任する\",\"href\":\"/ja/slack\",\"hidden\":false}]}]},{\"tab\":\"Claude Code で構築する\",\"groups\":[{\"group\":\"Claude Code で構築する\",\"pages\":[{\"title\":\"カスタムサブエージェントの作成\",\"description\":\"Claude Code でタスク固有のワークフローと改善されたコンテキスト管理のための特化した AI サブエージェントを作成して使用します。\",\"href\":\"/ja/sub-agents\",\"hidden\":false},{\"title\":\"Claude Code セッションのチームを調整する\",\"sidebarTitle\":\"エージェントチームを実行する\",\"description\":\"複数の Claude Code インスタンスがチームとして連携して動作するように調整します。共有タスク、エージェント間メッセージング、一元管理を備えています。\",\"href\":\"/ja/agent-teams\",\"hidden\":false},{\"title\":\"プラグインを作成する\",\"sidebarTitle\":\"プラグインを作成する\",\"description\":\"スキル、エージェント、フック、MCP サーバーを使用して Claude Code を拡張するカスタムプラグインを作成します。\",\"href\":\"/ja/plugins\",\"hidden\":false},{\"title\":\"マーケットプレイスを通じてプリビルトプラグインを発見してインストールする\",\"description\":\"マーケットプレイスからプラグインを見つけてインストールし、Claude Codeを新しいコマンド、エージェント、機能で拡張します。\",\"href\":\"/ja/discover-plugins\",\"hidden\":false},{\"title\":\"Claude をスキルで拡張する\",\"description\":\"Claude Code でスキルを作成、管理、共有して Claude の機能を拡張します。カスタムスラッシュコマンドを含みます。\",\"href\":\"/ja/skills\",\"hidden\":false},{\"title\":\"出力スタイル\",\"description\":\"ソフトウェアエンジニアリング以外の用途に合わせて Claude Code をカスタマイズする\",\"href\":\"/ja/output-styles\",\"hidden\":false},{\"title\":\"Claude Code フックの使い始め\",\"description\":\"シェルコマンドを登録して Claude Code の動作をカスタマイズおよび拡張する方法を学びます\",\"href\":\"/ja/hooks-guide\",\"hidden\":false},{\"title\":\"Claude Code をプログラムで実行する\",\"sidebarTitle\":\"プログラムでの使用\",\"description\":\"Agent SDK を使用して、CLI、Python、または TypeScript からプログラムで Claude Code を実行します。\",\"href\":\"/ja/headless\",\"hidden\":false},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"MCPを使用してClaude Codeをツールに接続する\",\"description\":\"Model Context Protocolを使用してClaude Codeをツールに接続する方法を学びます。\",\"href\":\"/ja/mcp\",\"hidden\":false},{\"title\":\"トラブルシューティング\",\"description\":\"Claude Codeのインストールと使用に関する一般的な問題の解決策を発見してください。\",\"href\":\"/ja/troubleshooting\",\"hidden\":false}]}]},{\"tab\":\"デプロイ\",\"groups\":[{\"group\":\"デプロイ\",\"pages\":[{\"title\":\"エンタープライズデプロイメント概要\",\"sidebarTitle\":\"概要\",\"description\":\"Claude Codeがさまざまなサードパーティサービスとインフラストラクチャと統合して、エンタープライズデプロイメント要件を満たす方法について学びます。\",\"href\":\"/ja/third-party-integrations\",\"hidden\":false},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Amazon Bedrock 上の Claude Code\",\"description\":\"Amazon Bedrock を通じた Claude Code の設定方法（セットアップ、IAM 設定、トラブルシューティングを含む）について学習します。\",\"href\":\"/ja/amazon-bedrock\",\"hidden\":false},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Google Vertex AI 上の Claude Code\",\"description\":\"Google Vertex AI を通じた Claude Code の設定方法について学びます。セットアップ、IAM 設定、トラブルシューティングを含みます。\",\"href\":\"/ja/google-vertex-ai\",\"hidden\":false},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code on Microsoft Foundry\",\"description\":\"Microsoft Foundryを通じてClaude Codeを構成する方法について学びます。セットアップ、構成、トラブルシューティングを含みます。\",\"href\":\"/ja/microsoft-foundry\",\"hidden\":false},{\"sidebarTitle\":\"ネットワーク設定\",\"title\":\"エンタープライズネットワーク設定\",\"description\":\"プロキシサーバー、カスタム認証局（CA）、相互 Transport Layer Security（mTLS）認証を使用して、エンタープライズ環境向けに Claude Code を設定します。\",\"href\":\"/ja/network-config\",\"hidden\":false},{\"sidebarTitle\":\"LLM gateway\",\"title\":\"LLM gateway設定\",\"description\":\"Claude CodeをLLM gatewayソリューションと連携するための設定方法を学びます。gateway要件、認証設定、モデル選択、プロバイダー固有のエンドポイント設定をカバーしています。\",\"href\":\"/ja/llm-gateway\",\"hidden\":false},{\"title\":\"開発コンテナ\",\"description\":\"一貫性のある安全な環境が必要なチーム向けのClaude Code開発コンテナについて学びます。\",\"href\":\"/ja/devcontainer\",\"hidden\":false}]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[{\"sidebarTitle\":\"高度なインストール\",\"title\":\"Claude Code をセットアップする\",\"description\":\"開発マシンに Claude Code をインストール、認証し、使用を開始します。\",\"href\":\"/ja/setup\",\"hidden\":false},{\"title\":\"Authentication\",\"href\":\"/ja/authentication\"},{\"title\":\"セキュリティ\",\"description\":\"Claude Codeのセキュリティ対策とセキュアな使用方法のベストプラクティスについて学びます。\",\"href\":\"/ja/security\",\"hidden\":false},{\"title\":\"Server managed settings\",\"href\":\"/ja/server-managed-settings\"},{\"title\":\"データ使用\",\"description\":\"Anthropic の Claude のデータ使用ポリシーについて学習します\",\"href\":\"/ja/data-usage\",\"hidden\":false},{\"title\":\"監視\",\"description\":\"Claude Code の OpenTelemetry を有効にして設定する方法を学びます。\",\"href\":\"/ja/monitoring-usage\",\"hidden\":false},{\"sidebarTitle\":\"コスト\",\"title\":\"コストを効果的に管理する\",\"description\":\"Claude Codeを使用する際のトークン使用量とコストを追跡および最適化する方法を学びます。\",\"href\":\"/ja/costs\",\"hidden\":false},{\"title\":\"分析\",\"description\":\"組織の Claude Code デプロイメントの詳細な使用状況インサイトと生産性メトリクスを表示します。\",\"href\":\"/ja/analytics\",\"hidden\":false},{\"title\":\"プラグインマーケットプレイスの作成と配布\",\"sidebarTitle\":\"プラグインマーケットプレイスの作成と配布\",\"description\":\"Claude Code 拡張機能を配布するためのプラグインマーケットプレイスを構築およびホストします。\",\"href\":\"/ja/plugin-marketplaces\",\"hidden\":false}]}]},{\"tab\":\"設定\",\"groups\":[{\"group\":\"設定\",\"pages\":[{\"sidebarTitle\":\"Settings\",\"title\":\"Claude Code の設定\",\"description\":\"Claude Code をグローバル設定とプロジェクトレベルの設定、および環境変数で構成します。\",\"href\":\"/ja/settings\",\"hidden\":false},{\"sidebarTitle\":\"パーミッション\",\"title\":\"パーミッションの設定\",\"description\":\"きめ細かいパーミッションルール、モード、管理ポリシーを使用して、Claude Code がアクセスして実行できる内容を制御します。\",\"href\":\"/ja/permissions\",\"hidden\":false},{\"title\":\"サンドボックス化\",\"description\":\"Claude Codeのサンドボックス化されたbashツールがファイルシステムとネットワークの分離を提供し、より安全で自律的なエージェント実行を実現する方法を学びます。\",\"href\":\"/ja/sandboxing\",\"hidden\":false},{\"sidebarTitle\":\"ターミナル設定\",\"title\":\"ターミナルセットアップを最適化する\",\"description\":\"Claude Codeはターミナルが適切に設定されているときに最適に機能します。これらのガイドラインに従って、エクスペリエンスを最適化してください。\",\"href\":\"/ja/terminal-config\",\"hidden\":false},{\"title\":\"モデル設定\",\"description\":\"Claude Code のモデル設定について学習します。opusplan などのモデルエイリアスを含みます。\",\"href\":\"/ja/model-config\",\"hidden\":false},{\"title\":\"Fast mode\",\"href\":\"/ja/fast-mode\"},{\"sidebarTitle\":\"メモリ管理\",\"title\":\"Claudeのメモリを管理する\",\"description\":\"異なるメモリロケーションとベストプラクティスを使用して、セッション間でClaude Codeのメモリを管理する方法を学びます。\",\"href\":\"/ja/memory\",\"hidden\":false},{\"title\":\"ステータスラインの設定\",\"description\":\"Claude Codeのカスタムステータスラインを作成して、コンテキスト情報を表示します\",\"href\":\"/ja/statusline\",\"hidden\":false},{\"title\":\"キーボードショートカットのカスタマイズ\",\"description\":\"キーバインディング設定ファイルを使用して Claude Code のキーボードショートカットをカスタマイズします。\",\"href\":\"/ja/keybindings\",\"hidden\":false}]}]},{\"tab\":\"リファレンス\",\"groups\":[{\"group\":\"リファレンス\",\"pages\":[{\"title\":\"CLI リファレンス\",\"description\":\"Claude Code コマンドラインインターフェースの完全なリファレンス。コマンドとフラグを含みます。\",\"href\":\"/ja/cli-reference\",\"hidden\":false},{\"title\":\"インタラクティブモード\",\"description\":\"Claude Code セッションのキーボードショートカット、入力モード、インタラクティブ機能の完全なリファレンス。\",\"href\":\"/ja/interactive-mode\",\"hidden\":false},{\"title\":\"Checkpointing\",\"description\":\"Claude の編集を自動的に追跡し、不要な変更から素早く復旧するために以前の状態に巻き戻します。\",\"href\":\"/ja/checkpointing\",\"hidden\":false},{\"title\":\"Hooksリファレンス\",\"description\":\"このページでは、Claude Codeでhooksを実装するためのリファレンスドキュメントを提供します。\",\"href\":\"/ja/hooks\",\"hidden\":false},{\"title\":\"プラグインリファレンス\",\"description\":\"Claude Code プラグインシステムの完全な技術リファレンス。スキーマ、CLI コマンド、コンポーネント仕様を含みます。\",\"href\":\"/ja/plugins-reference\",\"hidden\":false}]}]},{\"tab\":\"リソース\",\"groups\":[{\"group\":\"リソース\",\"pages\":[{\"title\":\"法的およびコンプライアンス\",\"description\":\"Claude Codeの法的契約、コンプライアンス認証、およびセキュリティ情報。\",\"href\":\"/ja/legal-and-compliance\",\"hidden\":false}]}]}]},{\"language\":\"es\",\"tabs\":[{\"tab\":\"Primeros pasos\",\"groups\":[{\"group\":\"Primeros pasos\",\"pages\":[{\"sidebarTitle\":\"Descripción general\",\"title\":\"Descripción general de Claude Code\",\"description\":\"Aprenda sobre Claude Code, la herramienta de codificación agéntica de Anthropic que vive en su terminal y le ayuda a convertir ideas en código más rápido que nunca.\",\"href\":\"/es/overview\",\"hidden\":false},{\"title\":\"Guía de inicio rápido\",\"description\":\"¡Bienvenido a Claude Code!\",\"href\":\"/es/quickstart\",\"hidden\":false},{\"title\":\"Registro de cambios\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/es/changelog\",\"hidden\":false}]},{\"group\":\"Conceptos fundamentales\",\"pages\":[{\"title\":\"Cómo funciona Claude Code\",\"description\":\"Comprenda el bucle agentico, las herramientas integradas y cómo Claude Code interactúa con su proyecto.\",\"href\":\"/es/how-claude-code-works\",\"hidden\":false},{\"title\":\"Extender Claude Code\",\"description\":\"Comprenda cuándo usar CLAUDE.md, Skills, subagents, hooks, MCP y plugins.\",\"href\":\"/es/features-overview\",\"hidden\":false},{\"title\":\"Flujos de trabajo comunes\",\"description\":\"Guías paso a paso para explorar bases de código, corregir errores, refactorizar, probar y otras tareas cotidianas con Claude Code.\",\"href\":\"/es/common-workflows\",\"hidden\":false},{\"title\":\"Mejores prácticas para Claude Code\",\"description\":\"Consejos y patrones para aprovechar al máximo Claude Code, desde configurar su entorno hasta escalar entre sesiones paralelas.\",\"href\":\"/es/best-practices\",\"hidden\":false}]},{\"group\":\"Plataformas e integraciones\",\"pages\":[{\"title\":\"Claude Code en la web\",\"description\":\"Ejecuta tareas de Claude Code de forma asincrónica en infraestructura en la nube segura\",\"href\":\"/es/claude-code-on-the-web\",\"hidden\":false},{\"title\":\"Claude Code en escritorio\",\"description\":\"Ejecuta tareas de Claude Code localmente o en infraestructura en la nube segura con la aplicación de escritorio de Claude\",\"href\":\"/es/desktop\",\"hidden\":false},{\"title\":\"Usar Claude Code con Chrome (beta)\",\"sidebarTitle\":\"Extensión de Chrome (beta)\",\"description\":\"Conecta Claude Code a tu navegador Chrome para probar aplicaciones web, depurar con registros de consola, automatizar el relleno de formularios y extraer datos de páginas web.\",\"href\":\"/es/chrome\",\"hidden\":false},{\"title\":\"Usar Claude Code en VS Code\",\"description\":\"Instala y configura la extensión Claude Code para VS Code. Obtén asistencia de codificación con IA con diffs en línea, menciones @, revisión de planes y atajos de teclado.\",\"href\":\"/es/vs-code\",\"hidden\":false},{\"title\":\"JetBrains IDEs\",\"description\":\"Usa Claude Code con JetBrains IDEs incluyendo IntelliJ, PyCharm, WebStorm y más\",\"href\":\"/es/jetbrains\",\"hidden\":false},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Aprenda a integrar Claude Code en su flujo de trabajo de desarrollo con Claude Code GitHub Actions\",\"href\":\"/es/github-actions\",\"hidden\":false},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Aprenda a integrar Claude Code en su flujo de trabajo de desarrollo con GitLab CI/CD\",\"href\":\"/es/gitlab-ci-cd\",\"hidden\":false},{\"title\":\"Claude Code en Slack\",\"description\":\"Delega tareas de codificación directamente desde tu espacio de trabajo de Slack\",\"href\":\"/es/slack\",\"hidden\":false}]}]},{\"tab\":\"Crear con Claude Code\",\"groups\":[{\"group\":\"Crear con Claude Code\",\"pages\":[{\"title\":\"Crear subagentes personalizados\",\"description\":\"Crea y utiliza subagentes de IA especializados en Claude Code para flujos de trabajo específicos de tareas y una mejor gestión del contexto.\",\"href\":\"/es/sub-agents\",\"hidden\":false},{\"title\":\"Orquestar equipos de sesiones de Claude Code\",\"description\":\"Coordina múltiples instancias de Claude Code trabajando juntas como un equipo, con tareas compartidas, mensajería entre agentes y gestión centralizada.\",\"href\":\"/es/agent-teams\",\"hidden\":false},{\"title\":\"Crear plugins\",\"sidebarTitle\":\"Crear plugins\",\"description\":\"Crea plugins personalizados para extender Claude Code con skills, agentes, hooks y servidores MCP.\",\"href\":\"/es/plugins\",\"hidden\":false},{\"title\":\"Descubre e instala complementos precompilados a través de mercados\",\"description\":\"Encuentra e instala complementos desde mercados para extender Claude Code con nuevos comandos, agentes y capacidades.\",\"href\":\"/es/discover-plugins\",\"hidden\":false},{\"title\":\"Extender Claude con habilidades\",\"description\":\"Crea, gestiona y comparte habilidades para extender las capacidades de Claude en Claude Code. Incluye comandos de barra diagonal personalizados.\",\"href\":\"/es/skills\",\"hidden\":false},{\"title\":\"Estilos de salida\",\"description\":\"Adapte Claude Code para usos más allá de la ingeniería de software\",\"href\":\"/es/output-styles\",\"hidden\":false},{\"title\":\"Comenzar con los hooks de Claude Code\",\"description\":\"Aprende cómo personalizar y extender el comportamiento de Claude Code registrando comandos de shell\",\"href\":\"/es/hooks-guide\",\"hidden\":false},{\"title\":\"Ejecutar Claude Code mediante programación\",\"description\":\"Utilice el Agent SDK para ejecutar Claude Code mediante programación desde la CLI, Python o TypeScript.\",\"href\":\"/es/headless\",\"hidden\":false},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"Conecta Claude Code a herramientas a través de MCP\",\"description\":\"Aprende cómo conectar Claude Code a tus herramientas con el Model Context Protocol.\",\"href\":\"/es/mcp\",\"hidden\":false},{\"title\":\"Solución de problemas\",\"description\":\"Descubre soluciones a problemas comunes con la instalación y uso de Claude Code.\",\"href\":\"/es/troubleshooting\",\"hidden\":false}]}]},{\"tab\":\"Implementación\",\"groups\":[{\"group\":\"Implementación\",\"pages\":[{\"title\":\"Descripción general de implementación empresarial\",\"sidebarTitle\":\"Descripción general\",\"description\":\"Aprende cómo Claude Code puede integrarse con varios servicios de terceros e infraestructura para cumplir con los requisitos de implementación empresarial.\",\"href\":\"/es/third-party-integrations\",\"hidden\":false},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Claude Code en Amazon Bedrock\",\"description\":\"Aprenda a configurar Claude Code a través de Amazon Bedrock, incluyendo configuración, configuración de IAM y solución de problemas.\",\"href\":\"/es/amazon-bedrock\",\"hidden\":false},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Claude Code en Google Vertex AI\",\"description\":\"Aprenda a configurar Claude Code a través de Google Vertex AI, incluyendo configuración, configuración de IAM y solución de problemas.\",\"href\":\"/es/google-vertex-ai\",\"hidden\":false},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code en Microsoft Foundry\",\"description\":\"Aprende a configurar Claude Code a través de Microsoft Foundry, incluyendo configuración, instalación y solución de problemas.\",\"href\":\"/es/microsoft-foundry\",\"hidden\":false},{\"sidebarTitle\":\"Configuración de red\",\"title\":\"Configuración de red empresarial\",\"description\":\"Configure Claude Code para entornos empresariales con servidores proxy, Autoridades de Certificación (CA) personalizadas y autenticación mutua de Seguridad de la Capa de Transporte (mTLS).\",\"href\":\"/es/network-config\",\"hidden\":false},{\"sidebarTitle\":\"Puerta de enlace LLM\",\"title\":\"Configuración de la puerta de enlace LLM\",\"description\":\"Aprende cómo configurar Claude Code para trabajar con soluciones de puerta de enlace LLM. Cubre requisitos de puerta de enlace, configuración de autenticación, selección de modelos y configuración de puntos finales específicos del proveedor.\",\"href\":\"/es/llm-gateway\",\"hidden\":false},{\"title\":\"Contenedores de desarrollo\",\"description\":\"Aprende sobre el contenedor de desarrollo de Claude Code para equipos que necesitan entornos consistentes y seguros.\",\"href\":\"/es/devcontainer\",\"hidden\":false}]}]},{\"tab\":\"Administración\",\"groups\":[{\"group\":\"Administración\",\"pages\":[{\"sidebarTitle\":\"Instalación avanzada\",\"title\":\"Configurar Claude Code\",\"description\":\"Instala, autentica y comienza a usar Claude Code en tu máquina de desarrollo.\",\"href\":\"/es/setup\",\"hidden\":false},{\"title\":\"Authentication\",\"href\":\"/es/authentication\"},{\"title\":\"Seguridad\",\"description\":\"Aprende sobre las medidas de seguridad de Claude Code y las mejores prácticas para un uso seguro.\",\"href\":\"/es/security\",\"hidden\":false},{\"title\":\"Server managed settings\",\"href\":\"/es/server-managed-settings\"},{\"title\":\"Uso de datos\",\"description\":\"Conozca las políticas de uso de datos de Anthropic para Claude\",\"href\":\"/es/data-usage\",\"hidden\":false},{\"title\":\"Monitoreo\",\"description\":\"Aprende cómo habilitar y configurar OpenTelemetry para Claude Code.\",\"href\":\"/es/monitoring-usage\",\"hidden\":false},{\"sidebarTitle\":\"Costos\",\"title\":\"Gestionar costos de manera efectiva\",\"description\":\"Aprende cómo rastrear y optimizar el uso de tokens y costos al usar Claude Code.\",\"href\":\"/es/costs\",\"hidden\":false},{\"title\":\"Análisis\",\"description\":\"Ver información detallada de uso e indicadores de productividad para la implementación de Claude Code de su organización.\",\"href\":\"/es/analytics\",\"hidden\":false},{\"title\":\"Crear y distribuir un marketplace de plugins\",\"sidebarTitle\":\"Crear y distribuir un marketplace de plugins\",\"description\":\"Cree y aloje marketplaces de plugins para distribuir extensiones de Claude Code en equipos y comunidades.\",\"href\":\"/es/plugin-marketplaces\",\"hidden\":false}]}]},{\"tab\":\"Configuración\",\"groups\":[{\"group\":\"Configuración\",\"pages\":[{\"sidebarTitle\":\"Configuración\",\"title\":\"Configuración de Claude Code\",\"description\":\"Configure Claude Code con configuraciones globales y a nivel de proyecto, y variables de entorno.\",\"href\":\"/es/settings\",\"hidden\":false},{\"sidebarTitle\":\"Permisos\",\"title\":\"Configurar permisos\",\"description\":\"Controle lo que Claude Code puede acceder y hacer con reglas de permisos granulares, modos y políticas administradas.\",\"href\":\"/es/permissions\",\"hidden\":false},{\"title\":\"Aislamiento de seguridad\",\"description\":\"Aprende cómo la herramienta bash aislada de Claude Code proporciona aislamiento del sistema de archivos y de la red para una ejecución de agentes más segura y autónoma.\",\"href\":\"/es/sandboxing\",\"hidden\":false},{\"sidebarTitle\":\"Configuración de terminal\",\"title\":\"Optimiza tu configuración de terminal\",\"description\":\"Claude Code funciona mejor cuando tu terminal está correctamente configurada. Sigue estas directrices para optimizar tu experiencia.\",\"href\":\"/es/terminal-config\",\"hidden\":false},{\"title\":\"Configuración del modelo\",\"description\":\"Aprenda sobre la configuración del modelo Claude Code, incluidos los alias de modelo como `opusplan`\",\"href\":\"/es/model-config\",\"hidden\":false},{\"title\":\"Fast mode\",\"href\":\"/es/fast-mode\"},{\"sidebarTitle\":\"Gestión de memoria\",\"title\":\"Gestionar la memoria de Claude\",\"description\":\"Aprende cómo gestionar la memoria de Claude Code en diferentes sesiones con diferentes ubicaciones de memoria y mejores prácticas.\",\"href\":\"/es/memory\",\"hidden\":false},{\"title\":\"Configuración de la línea de estado\",\"description\":\"Crea una línea de estado personalizada para Claude Code para mostrar información contextual\",\"href\":\"/es/statusline\",\"hidden\":false},{\"title\":\"Personalizar atajos de teclado\",\"description\":\"Personaliza atajos de teclado en Claude Code con un archivo de configuración de keybindings.\",\"href\":\"/es/keybindings\",\"hidden\":false}]}]},{\"tab\":\"Referencia\",\"groups\":[{\"group\":\"Referencia\",\"pages\":[{\"title\":\"Referencia de CLI\",\"description\":\"Referencia completa de la interfaz de línea de comandos de Claude Code, incluyendo comandos y banderas.\",\"href\":\"/es/cli-reference\",\"hidden\":false},{\"title\":\"Modo interactivo\",\"description\":\"Referencia completa de atajos de teclado, modos de entrada y características interactivas en sesiones de Claude Code.\",\"href\":\"/es/interactive-mode\",\"hidden\":false},{\"title\":\"checkpoint\",\"description\":\"Realiza un seguimiento automático y revierte los cambios de Claude para recuperarse rápidamente de cambios no deseados.\",\"href\":\"/es/checkpointing\",\"hidden\":false},{\"title\":\"Referencia de hooks\",\"description\":\"Esta página proporciona documentación de referencia para implementar hooks en Claude Code.\",\"href\":\"/es/hooks\",\"hidden\":false},{\"title\":\"Referencia de plugins\",\"description\":\"Referencia técnica completa para el sistema de plugins de Claude Code, incluyendo esquemas, comandos CLI y especificaciones de componentes.\",\"href\":\"/es/plugins-reference\",\"hidden\":false}]}]},{\"tab\":\"Recursos\",\"groups\":[{\"group\":\"Recursos\",\"pages\":[{\"title\":\"Legal y cumplimiento\",\"description\":\"Acuerdos legales, certificaciones de cumplimiento e información de seguridad para Claude Code.\",\"href\":\"/es/legal-and-compliance\",\"hidden\":false}]}]}]},{\"language\":\"ko\",\"tabs\":[{\"tab\":\"시작하기\",\"groups\":[{\"group\":\"시작하기\",\"pages\":[{\"sidebarTitle\":\"개요\",\"title\":\"Claude Code 개요\",\"description\":\"Claude Code는 Anthropic의 에이전트 코딩 도구로, 터미널에서 실행되며 아이디어를 코드로 변환하는 속도를 이전보다 훨씬 빠르게 해줍니다.\",\"href\":\"/ko/overview\",\"hidden\":false},{\"title\":\"빠른 시작\",\"description\":\"Claude Code에 오신 것을 환영합니다!\",\"href\":\"/ko/quickstart\",\"hidden\":false},{\"title\":\"변경 로그\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/ko/changelog\",\"hidden\":false}]},{\"group\":\"핵심 개념\",\"pages\":[{\"title\":\"Claude Code 작동 방식\",\"description\":\"에이전트 루프, 내장 도구, Claude Code가 프로젝트와 상호작용하는 방식을 이해합니다.\",\"href\":\"/ko/how-claude-code-works\",\"hidden\":false},{\"title\":\"Claude Code 확장하기\",\"sidebarTitle\":\"Claude Code 확장하기\",\"description\":\"CLAUDE.md, Skills, subagents, hooks, MCP, 플러그인을 언제 사용할지 이해합니다.\",\"href\":\"/ko/features-overview\",\"hidden\":false},{\"title\":\"일반적인 워크플로우\",\"description\":\"Claude Code를 사용하여 코드베이스 탐색, 버그 수정, 리팩토링, 테스트 및 기타 일상적인 작업을 위한 단계별 가이드입니다.\",\"href\":\"/ko/common-workflows\",\"hidden\":false},{\"title\":\"Claude Code 모범 사례\",\"description\":\"환경 구성부터 병렬 세션 확장까지 Claude Code를 최대한 활용하기 위한 팁과 패턴입니다.\",\"href\":\"/ko/best-practices\",\"hidden\":false}]},{\"group\":\"플랫폼 및 통합\",\"pages\":[{\"title\":\"웹에서 Claude Code 실행\",\"description\":\"안전한 클라우드 인프라에서 Claude Code 작업을 비동기적으로 실행합니다\",\"href\":\"/ko/claude-code-on-the-web\",\"hidden\":false},{\"title\":\"데스크톱의 Claude Code\",\"description\":\"Claude 데스크톱 앱으로 로컬 또는 보안 클라우드 인프라에서 Claude Code 작업 실행\",\"href\":\"/ko/desktop\",\"hidden\":false},{\"title\":\"Chrome에서 Claude Code 사용하기 (베타)\",\"sidebarTitle\":\"Chrome 확장 프로그램 (베타)\",\"description\":\"Claude Code를 Chrome 브라우저에 연결하여 웹 앱을 테스트하고, 콘솔 로그로 디버깅하며, 양식 작성을 자동화하고, 웹 페이지에서 데이터를 추출합니다.\",\"href\":\"/ko/chrome\",\"hidden\":false},{\"title\":\"VS Code에서 Claude Code 사용하기\",\"sidebarTitle\":\"Visual Studio Code\",\"description\":\"VS Code용 Claude Code 확장 프로그램을 설치하고 구성합니다. 인라인 diff, @-멘션, 계획 검토 및 키보드 단축키를 통해 AI 코딩 지원을 받습니다.\",\"href\":\"/ko/vs-code\",\"hidden\":false},{\"title\":\"JetBrains IDEs\",\"description\":\"Claude Code를 IntelliJ, PyCharm, WebStorm 등 JetBrains IDE와 함께 사용하기\",\"href\":\"/ko/jetbrains\",\"hidden\":false},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Claude Code를 GitHub Actions와 통합하여 개발 워크플로우에 AI 기반 자동화를 추가하는 방법을 알아봅니다\",\"href\":\"/ko/github-actions\",\"hidden\":false},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Claude Code를 GitLab CI/CD와 함께 개발 워크플로우에 통합하는 방법을 알아봅니다\",\"href\":\"/ko/gitlab-ci-cd\",\"hidden\":false},{\"title\":\"Slack의 Claude Code\",\"description\":\"Slack 워크스페이스에서 직접 코딩 작업 위임\",\"href\":\"/ko/slack\",\"hidden\":false}]}]},{\"tab\":\"Claude Code로 빌드하기\",\"groups\":[{\"group\":\"Claude Code로 빌드하기\",\"pages\":[{\"title\":\"사용자 정의 subagent 만들기\",\"description\":\"Claude Code에서 작업별 워크플로우 및 향상된 컨텍스트 관리를 위해 특화된 AI subagent를 만들고 사용합니다.\",\"href\":\"/ko/sub-agents\",\"hidden\":false},{\"title\":\"Claude Code 세션 팀 조율하기\",\"sidebarTitle\":\"에이전트 팀 실행\",\"description\":\"여러 Claude Code 인스턴스를 팀으로 함께 작동하도록 조율하며, 공유 작업, 에이전트 간 메시징, 중앙 집중식 관리를 지원합니다.\",\"href\":\"/ko/agent-teams\",\"hidden\":false},{\"title\":\"플러그인 만들기\",\"sidebarTitle\":\"플러그인 만들기\",\"description\":\"Claude Code를 skills, agents, hooks 및 MCP 서버로 확장하는 사용자 정의 플러그인을 만듭니다.\",\"href\":\"/ko/plugins\",\"hidden\":false},{\"title\":\"마켓플레이스를 통해 미리 빌드된 플러그인 발견 및 설치\",\"description\":\"마켓플레이스에서 플러그인을 찾아 설치하여 Claude Code를 새로운 명령, 에이전트 및 기능으로 확장하세요.\",\"href\":\"/ko/discover-plugins\",\"hidden\":false},{\"title\":\"Claude를 기술로 확장하기\",\"description\":\"Claude Code에서 기술을 생성, 관리 및 공유하여 Claude의 기능을 확장합니다. 사용자 정의 슬래시 명령어를 포함합니다.\",\"href\":\"/ko/skills\",\"hidden\":false},{\"title\":\"출력 스타일\",\"description\":\"소프트웨어 엔지니어링 이상의 용도로 Claude Code 적응시키기\",\"href\":\"/ko/output-styles\",\"hidden\":false},{\"title\":\"Claude Code 훅 시작하기\",\"description\":\"셸 명령을 등록하여 Claude Code의 동작을 사용자 정의하고 확장하는 방법을 알아봅니다\",\"href\":\"/ko/hooks-guide\",\"hidden\":false},{\"title\":\"Claude Code를 프로그래밍 방식으로 실행하기\",\"sidebarTitle\":\"프로그래밍 방식 사용\",\"description\":\"Agent SDK를 사용하여 CLI, Python 또는 TypeScript에서 Claude Code를 프로그래밍 방식으로 실행합니다.\",\"href\":\"/ko/headless\",\"hidden\":false},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"MCP를 통해 Claude Code를 도구에 연결\",\"description\":\"Model Context Protocol을 사용하여 Claude Code를 도구에 연결하는 방법을 알아봅니다.\",\"href\":\"/ko/mcp\",\"hidden\":false},{\"title\":\"문제 해결\",\"description\":\"Claude Code 설치 및 사용 시 발생하는 일반적인 문제에 대한 해결책을 알아보세요.\",\"href\":\"/ko/troubleshooting\",\"hidden\":false}]}]},{\"tab\":\"배포\",\"groups\":[{\"group\":\"배포\",\"pages\":[{\"title\":\"엔터프라이즈 배포 개요\",\"sidebarTitle\":\"개요\",\"description\":\"Claude Code가 다양한 타사 서비스 및 인프라와 통합되어 엔터프라이즈 배포 요구사항을 충족하는 방법을 알아봅니다.\",\"href\":\"/ko/third-party-integrations\",\"hidden\":false},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Amazon Bedrock의 Claude Code\",\"description\":\"Amazon Bedrock을 통한 Claude Code 구성, 설정, IAM 구성 및 문제 해결에 대해 알아봅니다.\",\"href\":\"/ko/amazon-bedrock\",\"hidden\":false},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Google Vertex AI에서 Claude Code 사용하기\",\"description\":\"Google Vertex AI를 통한 Claude Code 구성, 설정, IAM 구성 및 문제 해결에 대해 알아봅니다.\",\"href\":\"/ko/google-vertex-ai\",\"hidden\":false},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Microsoft Foundry의 Claude Code\",\"description\":\"설정, 구성 및 문제 해결을 포함하여 Microsoft Foundry를 통해 Claude Code를 구성하는 방법을 알아봅니다.\",\"href\":\"/ko/microsoft-foundry\",\"hidden\":false},{\"sidebarTitle\":\"네트워크 구성\",\"title\":\"엔터프라이즈 네트워크 구성\",\"description\":\"프록시 서버, 사용자 정의 인증 기관(CA), 상호 전송 계층 보안(mTLS) 인증을 통해 엔터프라이즈 환경에서 Claude Code를 구성합니다.\",\"href\":\"/ko/network-config\",\"hidden\":false},{\"sidebarTitle\":\"LLM gateway\",\"title\":\"LLM gateway 구성\",\"description\":\"Claude Code를 LLM gateway 솔루션과 함께 작동하도록 구성하는 방법을 알아봅니다. Gateway 요구사항, 인증 구성, 모델 선택 및 공급자별 엔드포인트 설정을 다룹니다.\",\"href\":\"/ko/llm-gateway\",\"hidden\":false},{\"title\":\"개발 컨테이너\",\"description\":\"일관된 보안 환경이 필요한 팀을 위한 Claude Code 개발 컨테이너에 대해 알아보세요.\",\"href\":\"/ko/devcontainer\",\"hidden\":false}]}]},{\"tab\":\"관리\",\"groups\":[{\"group\":\"관리\",\"pages\":[{\"sidebarTitle\":\"고급 설치\",\"title\":\"Claude Code 설정\",\"description\":\"개발 머신에 Claude Code를 설치, 인증 및 시작하세요.\",\"href\":\"/ko/setup\",\"hidden\":false},{\"title\":\"Authentication\",\"href\":\"/ko/authentication\"},{\"title\":\"보안\",\"description\":\"Claude Code의 보안 보호 기능과 안전한 사용을 위한 모범 사례에 대해 알아보세요.\",\"href\":\"/ko/security\",\"hidden\":false},{\"title\":\"Server managed settings\",\"href\":\"/ko/server-managed-settings\"},{\"title\":\"데이터 사용\",\"description\":\"Anthropic의 Claude 데이터 사용 정책에 대해 알아봅니다\",\"href\":\"/ko/data-usage\",\"hidden\":false},{\"title\":\"모니터링\",\"description\":\"Claude Code에 대한 OpenTelemetry를 활성화하고 구성하는 방법을 알아봅니다.\",\"href\":\"/ko/monitoring-usage\",\"hidden\":false},{\"sidebarTitle\":\"비용\",\"title\":\"비용을 효과적으로 관리하기\",\"description\":\"Claude Code 사용 시 토큰 사용량과 비용을 추적하고 최적화하는 방법을 알아봅니다.\",\"href\":\"/ko/costs\",\"hidden\":false},{\"title\":\"분석\",\"description\":\"조직의 Claude Code 배포에 대한 상세한 사용 현황 및 생산성 지표를 확인하세요.\",\"href\":\"/ko/analytics\",\"hidden\":false},{\"title\":\"플러그인 마켓플레이스 생성 및 배포\",\"sidebarTitle\":\"플러그인 마켓플레이스 생성 및 배포\",\"description\":\"Claude Code 확장 프로그램을 배포하기 위한 플러그인 마켓플레이스를 구축하고 호스팅합니다.\",\"href\":\"/ko/plugin-marketplaces\",\"hidden\":false}]}]},{\"tab\":\"구성\",\"groups\":[{\"group\":\"구성\",\"pages\":[{\"sidebarTitle\":\"설정\",\"title\":\"Claude Code 설정\",\"description\":\"전역 및 프로젝트 수준 설정과 환경 변수로 Claude Code를 구성합니다.\",\"href\":\"/ko/settings\",\"hidden\":false},{\"sidebarTitle\":\"권한\",\"title\":\"권한 구성\",\"description\":\"세분화된 권한 규칙, 모드 및 관리형 정책으로 Claude Code가 액세스하고 수행할 수 있는 작업을 제어합니다.\",\"href\":\"/ko/permissions\",\"hidden\":false},{\"title\":\"샌드박싱\",\"description\":\"Claude Code의 샌드박스된 bash 도구가 파일시스템 및 네트워크 격리를 제공하여 더 안전하고 자율적인 에이전트 실행을 가능하게 하는 방법을 알아봅니다.\",\"href\":\"/ko/sandboxing\",\"hidden\":false},{\"sidebarTitle\":\"터미널 구성\",\"title\":\"터미널 설정 최적화\",\"description\":\"Claude Code는 터미널이 제대로 구성되었을 때 최적으로 작동합니다. 이 지침을 따라 환경을 최적화하세요.\",\"href\":\"/ko/terminal-config\",\"hidden\":false},{\"title\":\"모델 구성\",\"description\":\"Claude Code 모델 구성에 대해 알아보기, `opusplan`과 같은 모델 별칭 포함\",\"href\":\"/ko/model-config\",\"hidden\":false},{\"title\":\"Fast mode\",\"href\":\"/ko/fast-mode\"},{\"sidebarTitle\":\"메모리 관리\",\"title\":\"Claude의 메모리 관리\",\"description\":\"다양한 메모리 위치와 모범 사례를 통해 세션 간 Claude Code의 메모리를 관리하는 방법을 알아봅니다.\",\"href\":\"/ko/memory\",\"hidden\":false},{\"title\":\"상태 라인 구성\",\"description\":\"Claude Code에 대한 사용자 정의 상태 라인을 만들어 상황별 정보를 표시합니다\",\"href\":\"/ko/statusline\",\"hidden\":false},{\"title\":\"키보드 단축키 사용자 정의\",\"description\":\"keybindings 구성 파일을 사용하여 Claude Code에서 키보드 단축키를 사용자 정의합니다.\",\"href\":\"/ko/keybindings\",\"hidden\":false}]}]},{\"tab\":\"참고\",\"groups\":[{\"group\":\"참고\",\"pages\":[{\"title\":\"CLI 참조\",\"description\":\"Claude Code 명령줄 인터페이스의 완전한 참조로, 명령어와 플래그를 포함합니다.\",\"href\":\"/ko/cli-reference\",\"hidden\":false},{\"title\":\"대화형 모드\",\"description\":\"Claude Code 세션의 키보드 단축키, 입력 모드 및 대화형 기능에 대한 완전한 참조입니다.\",\"href\":\"/ko/interactive-mode\",\"hidden\":false},{\"title\":\"Checkpointing\",\"description\":\"Claude의 편집을 자동으로 추적하고 원하지 않는 변경 사항에서 빠르게 복구하기 위해 되감기합니다.\",\"href\":\"/ko/checkpointing\",\"hidden\":false},{\"title\":\"Hooks 참조\",\"description\":\"이 페이지는 Claude Code에서 hooks를 구현하기 위한 참조 문서를 제공합니다.\",\"href\":\"/ko/hooks\",\"hidden\":false},{\"title\":\"플러그인 참조\",\"description\":\"Claude Code 플러그인 시스템의 완전한 기술 참조, 스키마, CLI 명령어 및 컴포넌트 사양 포함.\",\"href\":\"/ko/plugins-reference\",\"hidden\":false}]}]},{\"tab\":\"리소스\",\"groups\":[{\"group\":\"리소스\",\"pages\":[{\"title\":\"법률 및 규정 준수\",\"description\":\"Claude Code에 대한 법률 계약, 규정 준수 인증 및 보안 정보.\",\"href\":\"/ko/legal-and-compliance\",\"hidden\":false}]}]}]},{\"language\":\"cn\",\"tabs\":[{\"tab\":\"快速开始\",\"groups\":[{\"group\":\"快速开始\",\"pages\":[{\"sidebarTitle\":\"概览\",\"title\":\"Claude Code 概览\",\"description\":\"了解 Claude Code，Anthropic 的代理编码工具，它位于您的终端中，帮助您比以往任何时候都更快地将想法转化为代码。\",\"href\":\"/zh-CN/overview\",\"hidden\":false},{\"title\":\"快速入门\",\"description\":\"欢迎使用 Claude Code！\",\"href\":\"/zh-CN/quickstart\",\"hidden\":false},{\"title\":\"更新日志\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/zh-CN/changelog\",\"hidden\":false}]},{\"group\":\"核心概念\",\"pages\":[{\"title\":\"Claude Code 如何工作\",\"description\":\"了解代理循环、内置工具以及 Claude Code 如何与您的项目交互。\",\"href\":\"/zh-CN/how-claude-code-works\",\"hidden\":false},{\"title\":\"扩展 Claude Code\",\"sidebarTitle\":\"扩展 Claude Code\",\"description\":\"了解何时使用 CLAUDE.md、Skills、subagents、hooks、MCP 和 plugins。\",\"href\":\"/zh-CN/features-overview\",\"hidden\":false},{\"title\":\"常见工作流程\",\"description\":\"使用 Claude Code 探索代码库、修复错误、重构、测试和其他日常任务的分步指南。\",\"href\":\"/zh-CN/common-workflows\",\"hidden\":false},{\"title\":\"Claude Code 最佳实践\",\"sidebarTitle\":\"最佳实践\",\"description\":\"从配置环境到跨并行会话扩展，充分利用 Claude Code 的提示和模式。\",\"href\":\"/zh-CN/best-practices\",\"hidden\":false}]},{\"group\":\"平台和集成\",\"pages\":[{\"title\":\"Claude Code on the web\",\"description\":\"在安全的云基础设施上异步运行 Claude Code 任务\",\"href\":\"/zh-CN/claude-code-on-the-web\",\"hidden\":false},{\"title\":\"Claude Code 桌面版\",\"description\":\"在本地或安全的云基础设施上运行 Claude Code 任务，使用 Claude 桌面应用\",\"href\":\"/zh-CN/desktop\",\"hidden\":false},{\"title\":\"在 Chrome 中使用 Claude Code（测试版）\",\"sidebarTitle\":\"Chrome 扩展程序（测试版）\",\"description\":\"将 Claude Code 连接到 Chrome 浏览器，以测试网络应用、使用控制台日志进行调试、自动填充表单以及从网页中提取数据。\",\"href\":\"/zh-CN/chrome\",\"hidden\":false},{\"title\":\"在 VS Code 中使用 Claude Code\",\"description\":\"安装和配置 VS Code 的 Claude Code 扩展。获得 AI 编码协助，包括内联差异、@-提及、计划审查和快捷键。\",\"href\":\"/zh-CN/vs-code\",\"hidden\":false},{\"title\":\"JetBrains IDEs\",\"description\":\"在 JetBrains IDEs（包括 IntelliJ、PyCharm、WebStorm 等）中使用 Claude Code\",\"href\":\"/zh-CN/jetbrains\",\"hidden\":false},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"了解如何将 Claude Code 集成到您的开发工作流中，使用 Claude Code GitHub Actions\",\"href\":\"/zh-CN/github-actions\",\"hidden\":false},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"了解如何将 Claude Code 集成到您的 GitLab CI/CD 开发工作流中\",\"href\":\"/zh-CN/gitlab-ci-cd\",\"hidden\":false},{\"title\":\"Slack 中的 Claude Code\",\"description\":\"直接从 Slack 工作区委派编码任务\",\"href\":\"/zh-CN/slack\",\"hidden\":false}]}]},{\"tab\":\"使用 Claude Code 构建\",\"groups\":[{\"group\":\"使用 Claude Code 构建\",\"pages\":[{\"title\":\"创建自定义 subagents\",\"description\":\"在 Claude Code 中创建和使用专门的 AI subagents，用于特定任务的工作流和改进的上下文管理。\",\"href\":\"/zh-CN/sub-agents\",\"hidden\":false},{\"title\":\"协调 Claude Code 会话团队\",\"description\":\"协调多个 Claude Code 实例作为一个团队一起工作，具有共享任务、代理间消息传递和集中管理。\",\"href\":\"/zh-CN/agent-teams\",\"hidden\":false},{\"title\":\"创建插件\",\"sidebarTitle\":\"创建插件\",\"description\":\"创建自定义插件以使用 skills、agents、hooks 和 MCP servers 扩展 Claude Code。\",\"href\":\"/zh-CN/plugins\",\"hidden\":false},{\"title\":\"通过市场发现和安装预构建插件\",\"description\":\"从市场发现和安装插件，以使用新命令、代理和功能扩展 Claude Code。\",\"href\":\"/zh-CN/discover-plugins\",\"hidden\":false},{\"title\":\"使用技能扩展 Claude\",\"description\":\"在 Claude Code 中创建、管理和共享技能以扩展 Claude 的功能。包括自定义斜杠命令。\",\"href\":\"/zh-CN/skills\",\"hidden\":false},{\"title\":\"输出样式\",\"description\":\"将 Claude Code 适配用于软件工程之外的用途\",\"href\":\"/zh-CN/output-styles\",\"hidden\":false},{\"title\":\"Claude Code 钩子入门\",\"description\":\"学习如何通过注册 shell 命令来自定义和扩展 Claude Code 的行为\",\"href\":\"/zh-CN/hooks-guide\",\"hidden\":false},{\"title\":\"以编程方式运行 Claude Code\",\"description\":\"使用 Agent SDK 从 CLI、Python 或 TypeScript 以编程方式运行 Claude Code。\",\"sidebarTitle\":\"编程使用\",\"href\":\"/zh-CN/headless\",\"hidden\":false},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"通过 MCP 将 Claude Code 连接到工具\",\"description\":\"了解如何使用 Model Context Protocol 将 Claude Code 连接到您的工具。\",\"href\":\"/zh-CN/mcp\",\"hidden\":false},{\"title\":\"故障排除\",\"description\":\"发现 Claude Code 安装和使用中常见问题的解决方案。\",\"href\":\"/zh-CN/troubleshooting\",\"hidden\":false}]}]},{\"tab\":\"部署\",\"groups\":[{\"group\":\"部署\",\"pages\":[{\"title\":\"企业部署概述\",\"sidebarTitle\":\"概述\",\"description\":\"了解 Claude Code 如何与各种第三方服务和基础设施集成，以满足企业部署需求。\",\"href\":\"/zh-CN/third-party-integrations\",\"hidden\":false},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Amazon Bedrock 上的 Claude Code\",\"description\":\"了解如何通过 Amazon Bedrock 配置 Claude Code，包括设置、IAM 配置和故障排除。\",\"href\":\"/zh-CN/amazon-bedrock\",\"hidden\":false},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Google Vertex AI 上的 Claude Code\",\"description\":\"了解如何通过 Google Vertex AI 配置 Claude Code，包括设置、IAM 配置和故障排除。\",\"href\":\"/zh-CN/google-vertex-ai\",\"hidden\":false},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code on Microsoft Foundry\",\"description\":\"了解如何通过 Microsoft Foundry 配置 Claude Code，包括设置、配置和故障排除。\",\"href\":\"/zh-CN/microsoft-foundry\",\"hidden\":false},{\"sidebarTitle\":\"网络配置\",\"title\":\"企业网络配置\",\"description\":\"为企业环境配置 Claude Code，支持代理服务器、自定义证书颁发机构 (CA) 和相互传输层安全 (mTLS) 身份验证。\",\"href\":\"/zh-CN/network-config\",\"hidden\":false},{\"sidebarTitle\":\"LLM gateway\",\"title\":\"LLM gateway 配置\",\"description\":\"了解如何配置 Claude Code 以使用 LLM gateway 解决方案。涵盖网关要求、身份验证配置、模型选择和特定提供商的端点设置。\",\"href\":\"/zh-CN/llm-gateway\",\"hidden\":false},{\"title\":\"开发容器\",\"description\":\"了解 Claude Code 开发容器，适用于需要一致、安全环境的团队。\",\"href\":\"/zh-CN/devcontainer\",\"hidden\":false}]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[{\"sidebarTitle\":\"高级安装\",\"title\":\"设置 Claude Code\",\"description\":\"在您的开发机器上安装、认证和开始使用 Claude Code。\",\"href\":\"/zh-CN/setup\",\"hidden\":false},{\"title\":\"Authentication\",\"href\":\"/zh-CN/authentication\"},{\"title\":\"安全性\",\"description\":\"了解 Claude Code 的安全防护措施和安全使用的最佳实践。\",\"href\":\"/zh-CN/security\",\"hidden\":false},{\"title\":\"Server managed settings\",\"href\":\"/zh-CN/server-managed-settings\"},{\"title\":\"数据使用\",\"description\":\"了解 Anthropic 对 Claude 的数据使用政策\",\"href\":\"/zh-CN/data-usage\",\"hidden\":false},{\"title\":\"监控\",\"description\":\"了解如何为 Claude Code 启用和配置 OpenTelemetry。\",\"href\":\"/zh-CN/monitoring-usage\",\"hidden\":false},{\"sidebarTitle\":\"成本\",\"title\":\"有效管理成本\",\"description\":\"了解如何在使用 Claude Code 时跟踪和优化令牌使用情况和成本。\",\"href\":\"/zh-CN/costs\",\"hidden\":false},{\"title\":\"分析\",\"description\":\"查看您组织的 Claude Code 部署的详细使用情况洞察和生产力指标。\",\"href\":\"/zh-CN/analytics\",\"hidden\":false},{\"title\":\"创建和分发 plugin marketplace\",\"description\":\"构建和托管 plugin marketplace，以在团队和社区中分发 Claude Code 扩展。\",\"href\":\"/zh-CN/plugin-marketplaces\",\"hidden\":false}]}]},{\"tab\":\"配置\",\"groups\":[{\"group\":\"配置\",\"pages\":[{\"sidebarTitle\":\"设置\",\"title\":\"Claude Code 设置\",\"description\":\"使用全局和项目级设置以及环境变量配置 Claude Code。\",\"href\":\"/zh-CN/settings\",\"hidden\":false},{\"sidebarTitle\":\"权限\",\"title\":\"配置权限\",\"description\":\"通过细粒度权限规则、模式和托管策略来控制 Claude Code 可以访问和执行的操作。\",\"href\":\"/zh-CN/permissions\",\"hidden\":false},{\"title\":\"沙箱隔离\",\"description\":\"了解 Claude Code 的沙箱化 bash 工具如何提供文件系统和网络隔离，以实现更安全、更自主的代理执行。\",\"href\":\"/zh-CN/sandboxing\",\"hidden\":false},{\"sidebarTitle\":\"终端配置\",\"title\":\"优化您的终端设置\",\"description\":\"Claude Code 在终端配置正确时效果最佳。请按照这些指南来优化您的体验。\",\"href\":\"/zh-CN/terminal-config\",\"hidden\":false},{\"title\":\"模型配置\",\"description\":\"了解 Claude Code 模型配置，包括模型别名如 `opusplan`\",\"href\":\"/zh-CN/model-config\",\"hidden\":false},{\"title\":\"Fast mode\",\"href\":\"/zh-CN/fast-mode\"},{\"sidebarTitle\":\"内存管理\",\"title\":\"管理 Claude 的内存\",\"description\":\"了解如何通过不同的内存位置和最佳实践在会话中管理 Claude Code 的内存。\",\"href\":\"/zh-CN/memory\",\"hidden\":false},{\"title\":\"状态行配置\",\"description\":\"为 Claude Code 创建自定义状态行以显示上下文信息\",\"href\":\"/zh-CN/statusline\",\"hidden\":false},{\"title\":\"自定义快捷键\",\"description\":\"使用快捷键配置文件在 Claude Code 中自定义快捷键。\",\"href\":\"/zh-CN/keybindings\",\"hidden\":false}]}]},{\"tab\":\"参考\",\"groups\":[{\"group\":\"参考\",\"pages\":[{\"title\":\"CLI 参考\",\"description\":\"Claude Code 命令行界面的完整参考，包括命令和标志。\",\"href\":\"/zh-CN/cli-reference\",\"hidden\":false},{\"title\":\"交互模式\",\"description\":\"Claude Code 会话中键盘快捷键、输入模式和交互功能的完整参考。\",\"href\":\"/zh-CN/interactive-mode\",\"hidden\":false},{\"title\":\"checkpointing\",\"description\":\"自动跟踪和回退 Claude 的编辑，快速恢复不需要的更改。\",\"href\":\"/zh-CN/checkpointing\",\"hidden\":false},{\"title\":\"Hooks 参考\",\"description\":\"本页面提供在 Claude Code 中实现 hooks 的参考文档。\",\"href\":\"/zh-CN/hooks\",\"hidden\":false},{\"title\":\"插件参考\",\"description\":\"Claude Code 插件系统的完整技术参考，包括架构、CLI 命令和组件规范。\",\"href\":\"/zh-CN/plugins-reference\",\"hidden\":false}]}]},{\"tab\":\"资源\",\"groups\":[{\"group\":\"资源\",\"pages\":[{\"title\":\"法律和合规\",\"description\":\"Claude Code 的法律协议、合规认证和安全信息。\",\"href\":\"/zh-CN/legal-and-compliance\",\"hidden\":false}]}]}]},{\"language\":\"zh-Hant\",\"tabs\":[{\"tab\":\"開始使用\",\"groups\":[{\"group\":\"開始使用\",\"pages\":[{\"sidebarTitle\":\"概述\",\"title\":\"Claude Code 概述\",\"description\":\"了解 Claude Code，Anthropic 的代理編碼工具，它位於您的終端中，幫助您比以往更快地將想法轉化為代碼。\",\"href\":\"/zh-TW/overview\",\"hidden\":false},{\"title\":\"快速入門\",\"description\":\"歡迎使用 Claude Code！\",\"href\":\"/zh-TW/quickstart\",\"hidden\":false},{\"title\":\"變更日誌\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/zh-TW/changelog\",\"hidden\":false}]},{\"group\":\"核心概念\",\"pages\":[{\"title\":\"Claude Code 如何運作\",\"description\":\"了解代理迴圈、內建工具，以及 Claude Code 如何與您的專案互動。\",\"href\":\"/zh-TW/how-claude-code-works\",\"hidden\":false},{\"title\":\"擴展 Claude Code\",\"sidebarTitle\":\"擴展 Claude Code\",\"description\":\"了解何時使用 CLAUDE.md、Skills、subagents、hooks、MCP 和 plugins。\",\"href\":\"/zh-TW/features-overview\",\"hidden\":false},{\"title\":\"常見工作流程\",\"description\":\"使用 Claude Code 探索程式碼庫、修復錯誤、重構、測試和其他日常任務的逐步指南。\",\"href\":\"/zh-TW/common-workflows\",\"hidden\":false},{\"title\":\"Claude Code 最佳實踐\",\"description\":\"從配置環境到跨平行會話擴展，充分利用 Claude Code 的提示和模式。\",\"href\":\"/zh-TW/best-practices\",\"hidden\":false}]},{\"group\":\"平台和整合\",\"pages\":[{\"title\":\"Claude Code 網頁版\",\"description\":\"在安全的雲端基礎設施上非同步執行 Claude Code 任務\",\"href\":\"/zh-TW/claude-code-on-the-web\",\"hidden\":false},{\"title\":\"Claude Code 桌面版\",\"description\":\"在本地或安全的雲端基礎設施上執行 Claude Code 任務，使用 Claude 桌面應用程式\",\"href\":\"/zh-TW/desktop\",\"hidden\":false},{\"title\":\"在 Chrome 中使用 Claude Code（測試版）\",\"sidebarTitle\":\"Chrome 擴充功能（測試版）\",\"description\":\"將 Claude Code 連接到您的 Chrome 瀏覽器，以測試網頁應用程式、使用控制台日誌進行除錯、自動填充表單，以及從網頁中提取資料。\",\"href\":\"/zh-TW/chrome\",\"hidden\":false},{\"title\":\"在 VS Code 中使用 Claude Code\",\"description\":\"安裝並配置 VS Code 的 Claude Code 擴充功能。透過內聯差異、@-提及、計畫審查和快捷鍵獲得 AI 編碼協助。\",\"href\":\"/zh-TW/vs-code\",\"hidden\":false},{\"title\":\"JetBrains IDEs\",\"description\":\"使用 Claude Code 與 JetBrains IDEs（包括 IntelliJ、PyCharm、WebStorm 等）\",\"href\":\"/zh-TW/jetbrains\",\"hidden\":false},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"了解如何將 Claude Code 整合到您的開發工作流程中，使用 Claude Code GitHub Actions\",\"href\":\"/zh-TW/github-actions\",\"hidden\":false},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"了解如何將 Claude Code 整合到您的 GitLab CI/CD 開發工作流程中\",\"href\":\"/zh-TW/gitlab-ci-cd\",\"hidden\":false},{\"title\":\"Slack 中的 Claude Code\",\"description\":\"直接從您的 Slack 工作區委派編碼任務\",\"href\":\"/zh-TW/slack\",\"hidden\":false}]}]},{\"tab\":\"使用 Claude Code 建構\",\"groups\":[{\"group\":\"使用 Claude Code 建構\",\"pages\":[{\"title\":\"建立自訂 subagents\",\"description\":\"在 Claude Code 中建立並使用專門的 AI subagents，用於特定任務的工作流程和改進的上下文管理。\",\"href\":\"/zh-TW/sub-agents\",\"hidden\":false},{\"title\":\"協調 Claude Code 工作階段團隊\",\"description\":\"協調多個 Claude Code 實例作為團隊一起工作，具有共享任務、代理間訊息傳遞和集中管理。\",\"href\":\"/zh-TW/agent-teams\",\"hidden\":false},{\"title\":\"建立 plugins\",\"sidebarTitle\":\"建立 plugins\",\"description\":\"建立自訂 plugins 以使用 skills、agents、hooks 和 MCP servers 擴展 Claude Code。\",\"href\":\"/zh-TW/plugins\",\"hidden\":false},{\"title\":\"通過市場發現並安裝預建插件\",\"description\":\"從市場發現並安裝插件，以使用新命令、代理和功能擴展 Claude Code。\",\"href\":\"/zh-TW/discover-plugins\",\"hidden\":false},{\"title\":\"使用技能擴展 Claude\",\"description\":\"在 Claude Code 中建立、管理和分享技能以擴展 Claude 的功能。包括自訂斜線命令。\",\"href\":\"/zh-TW/skills\",\"hidden\":false},{\"title\":\"輸出樣式\",\"description\":\"將 Claude Code 適配用於軟體工程以外的用途\",\"href\":\"/zh-TW/output-styles\",\"hidden\":false},{\"title\":\"開始使用 Claude Code 鉤子\",\"description\":\"了解如何通過註冊 shell 命令來自訂和擴展 Claude Code 的行為\",\"href\":\"/zh-TW/hooks-guide\",\"hidden\":false},{\"title\":\"以程式方式執行 Claude Code\",\"sidebarTitle\":\"程式化使用\",\"description\":\"使用 Agent SDK 從 CLI、Python 或 TypeScript 以程式方式執行 Claude Code。\",\"href\":\"/zh-TW/headless\",\"hidden\":false},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"透過 MCP 將 Claude Code 連接到工具\",\"description\":\"了解如何使用 Model Context Protocol 將 Claude Code 連接到您的工具。\",\"href\":\"/zh-TW/mcp\",\"hidden\":false},{\"title\":\"故障排除\",\"description\":\"探索 Claude Code 安裝和使用中常見問題的解決方案。\",\"href\":\"/zh-TW/troubleshooting\",\"hidden\":false}]}]},{\"tab\":\"部署\",\"groups\":[{\"group\":\"部署\",\"pages\":[{\"title\":\"企業部署概述\",\"sidebarTitle\":\"概述\",\"description\":\"了解 Claude Code 如何與各種第三方服務和基礎設施整合，以滿足企業部署需求。\",\"href\":\"/zh-TW/third-party-integrations\",\"hidden\":false},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Amazon Bedrock 上的 Claude Code\",\"description\":\"了解如何透過 Amazon Bedrock 設定 Claude Code，包括設定、IAM 設定和故障排除。\",\"href\":\"/zh-TW/amazon-bedrock\",\"hidden\":false},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Google Vertex AI 上的 Claude Code\",\"description\":\"了解如何透過 Google Vertex AI 設定 Claude Code，包括設定、IAM 設定和故障排除。\",\"href\":\"/zh-TW/google-vertex-ai\",\"hidden\":false},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code on Microsoft Foundry\",\"description\":\"了解如何透過 Microsoft Foundry 配置 Claude Code，包括設定、配置和故障排除。\",\"href\":\"/zh-TW/microsoft-foundry\",\"hidden\":false},{\"sidebarTitle\":\"網路配置\",\"title\":\"企業網路配置\",\"description\":\"為企業環境配置 Claude Code，支援代理伺服器、自訂憑證授權單位 (CA) 和相互傳輸層安全性 (mTLS) 驗證。\",\"href\":\"/zh-TW/network-config\",\"hidden\":false},{\"sidebarTitle\":\"LLM gateway\",\"title\":\"LLM gateway 配置\",\"description\":\"了解如何配置 Claude Code 以使用 LLM gateway 解決方案。涵蓋 gateway 要求、身份驗證配置、模型選擇和提供商特定的端點設置。\",\"href\":\"/zh-TW/llm-gateway\",\"hidden\":false},{\"title\":\"開發容器\",\"description\":\"了解 Claude Code 開發容器，適合需要一致、安全環境的團隊。\",\"href\":\"/zh-TW/devcontainer\",\"hidden\":false}]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[{\"sidebarTitle\":\"進階安裝\",\"title\":\"設定 Claude Code\",\"description\":\"在您的開發機器上安裝、驗證和開始使用 Claude Code。\",\"href\":\"/zh-TW/setup\",\"hidden\":false},{\"title\":\"Authentication\",\"href\":\"/zh-TW/authentication\"},{\"title\":\"安全性\",\"description\":\"了解 Claude Code 的安全防護措施和安全使用的最佳實踐。\",\"href\":\"/zh-TW/security\",\"hidden\":false},{\"title\":\"Server managed settings\",\"href\":\"/zh-TW/server-managed-settings\"},{\"title\":\"資料使用\",\"description\":\"了解 Anthropic 對 Claude 資料使用政策\",\"href\":\"/zh-TW/data-usage\",\"hidden\":false},{\"title\":\"監控\",\"description\":\"了解如何為 Claude Code 啟用和配置 OpenTelemetry。\",\"href\":\"/zh-TW/monitoring-usage\",\"hidden\":false},{\"sidebarTitle\":\"成本\",\"title\":\"有效管理成本\",\"description\":\"了解如何在使用 Claude Code 時追蹤和優化代幣使用量和成本。\",\"href\":\"/zh-TW/costs\",\"hidden\":false},{\"title\":\"分析\",\"description\":\"查看您組織的 Claude Code 部署的詳細使用情況洞察和生產力指標。\",\"href\":\"/zh-TW/analytics\",\"hidden\":false},{\"title\":\"建立並分發 plugin marketplace\",\"description\":\"建立並託管 plugin marketplace，以在團隊和社群中分發 Claude Code 擴充功能。\",\"href\":\"/zh-TW/plugin-marketplaces\",\"hidden\":false}]}]},{\"tab\":\"設定\",\"groups\":[{\"group\":\"設定\",\"pages\":[{\"sidebarTitle\":\"設定\",\"title\":\"Claude Code 設定\",\"description\":\"使用全域和專案層級設定以及環境變數來設定 Claude Code。\",\"href\":\"/zh-TW/settings\",\"hidden\":false},{\"sidebarTitle\":\"權限\",\"title\":\"設定權限\",\"description\":\"使用細粒度權限規則、模式和受管理原則來控制 Claude Code 可以存取和執行的操作。\",\"href\":\"/zh-TW/permissions\",\"hidden\":false},{\"title\":\"沙箱隔離\",\"description\":\"了解 Claude Code 的沙箱 bash 工具如何提供檔案系統和網路隔離，以實現更安全、更自主的代理執行。\",\"href\":\"/zh-TW/sandboxing\",\"hidden\":false},{\"sidebarTitle\":\"終端機配置\",\"title\":\"優化您的終端機設置\",\"description\":\"Claude Code 在終端機配置正確時效果最佳。請遵循這些指南來優化您的體驗。\",\"href\":\"/zh-TW/terminal-config\",\"hidden\":false},{\"title\":\"模型配置\",\"description\":\"了解 Claude Code 模型配置，包括模型別名如 `opusplan`\",\"href\":\"/zh-TW/model-config\",\"hidden\":false},{\"title\":\"Fast mode\",\"href\":\"/zh-TW/fast-mode\"},{\"sidebarTitle\":\"記憶體管理\",\"title\":\"管理 Claude 的記憶體\",\"description\":\"了解如何在不同記憶體位置跨工作階段管理 Claude Code 的記憶體，以及最佳實踐。\",\"href\":\"/zh-TW/memory\",\"hidden\":false},{\"title\":\"狀態行配置\",\"description\":\"為 Claude Code 建立自訂狀態行，在介面底部顯示上下文資訊\",\"href\":\"/zh-TW/statusline\",\"hidden\":false},{\"title\":\"自訂快捷鍵\",\"description\":\"使用快捷鍵配置檔案在 Claude Code 中自訂鍵盤快捷鍵。\",\"href\":\"/zh-TW/keybindings\",\"hidden\":false}]}]},{\"tab\":\"參考資料\",\"groups\":[{\"group\":\"參考資料\",\"pages\":[{\"title\":\"CLI 參考\",\"description\":\"Claude Code 命令列介面的完整參考，包括命令和旗標。\",\"href\":\"/zh-TW/cli-reference\",\"hidden\":false},{\"title\":\"互動模式\",\"description\":\"Claude Code 工作階段中鍵盤快捷鍵、輸入模式和互動功能的完整參考。\",\"href\":\"/zh-TW/interactive-mode\",\"hidden\":false},{\"title\":\"Checkpointing\",\"description\":\"自動追蹤並回溯 Claude 的編輯，快速恢復不想要的變更。\",\"href\":\"/zh-TW/checkpointing\",\"hidden\":false},{\"title\":\"Hooks 參考\",\"description\":\"本頁提供在 Claude Code 中實現 hooks 的參考文檔。\",\"href\":\"/zh-TW/hooks\",\"hidden\":false},{\"title\":\"外掛程式參考\",\"description\":\"Claude Code 外掛程式系統的完整技術參考，包括架構、CLI 命令和元件規格。\",\"href\":\"/zh-TW/plugins-reference\",\"hidden\":false}]}]},{\"tab\":\"資源\",\"groups\":[{\"group\":\"資源\",\"pages\":[{\"title\":\"法律和合規\",\"description\":\"Claude Code 的法律協議、合規認證和安全資訊。\",\"href\":\"/zh-TW/legal-and-compliance\",\"hidden\":false}]}]}]},{\"language\":\"ru\",\"tabs\":[{\"tab\":\"Начало работы\",\"groups\":[{\"group\":\"Начало работы\",\"pages\":[{\"sidebarTitle\":\"Обзор\",\"title\":\"Обзор Claude Code\",\"description\":\"Узнайте о Claude Code, инструменте агентивного кодирования Anthropic, который работает в вашем терминале и помогает вам превращать идеи в код быстрее, чем когда-либо.\",\"href\":\"/ru/overview\",\"hidden\":false},{\"title\":\"Быстрый старт\",\"description\":\"Добро пожаловать в Claude Code!\",\"href\":\"/ru/quickstart\",\"hidden\":false},{\"title\":\"Журнал изменений\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/ru/changelog\",\"hidden\":false}]},{\"group\":\"Основные концепции\",\"pages\":[{\"title\":\"Как работает Claude Code\",\"description\":\"Поймите агентивный цикл, встроенные инструменты и то, как Claude Code взаимодействует с вашим проектом.\",\"href\":\"/ru/how-claude-code-works\",\"hidden\":false},{\"title\":\"Расширение Claude Code\",\"sidebarTitle\":\"Расширение Claude Code\",\"description\":\"Узнайте, когда использовать CLAUDE.md, Skills, subagents, hooks, MCP и plugins.\",\"href\":\"/ru/features-overview\",\"hidden\":false},{\"title\":\"Типичные рабочие процессы\",\"description\":\"Пошаговые руководства по изучению кодовых баз, исправлению ошибок, рефакторингу, тестированию и другим повседневным задачам с Claude Code.\",\"href\":\"/ru/common-workflows\",\"hidden\":false},{\"title\":\"Лучшие практики для Claude Code\",\"sidebarTitle\":\"Лучшие практики\",\"description\":\"Советы и паттерны для максимального использования Claude Code, от настройки окружения до масштабирования параллельных сеансов.\",\"href\":\"/ru/best-practices\",\"hidden\":false}]},{\"group\":\"Платформы и интеграции\",\"pages\":[{\"title\":\"Claude Code в веб-приложении\",\"description\":\"Запускайте задачи Claude Code асинхронно на защищённой облачной инфраструктуре\",\"href\":\"/ru/claude-code-on-the-web\",\"hidden\":false},{\"title\":\"Claude Code на рабочем столе\",\"description\":\"Запускайте задачи Claude Code локально или на защищённой облачной инфраструктуре с помощью приложения Claude для рабочего стола\",\"href\":\"/ru/desktop\",\"hidden\":false},{\"title\":\"Использование Claude Code с Chrome (бета)\",\"sidebarTitle\":\"Расширение Chrome (бета)\",\"description\":\"Подключите Claude Code к браузеру Chrome для тестирования веб-приложений, отладки с помощью логов консоли, автоматизации заполнения форм и извлечения данных со страниц.\",\"href\":\"/ru/chrome\",\"hidden\":false},{\"title\":\"Использование Claude Code в VS Code\",\"description\":\"Установите и настройте расширение Claude Code для VS Code. Получите помощь ИИ при написании кода с встроенными diff, @-упоминаниями, проверкой плана и сочетаниями клавиш.\",\"href\":\"/ru/vs-code\",\"hidden\":false},{\"title\":\"JetBrains IDEs\",\"description\":\"Используйте Claude Code с JetBrains IDEs, включая IntelliJ, PyCharm, WebStorm и другие\",\"href\":\"/ru/jetbrains\",\"hidden\":false},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Узнайте об интеграции Claude Code в ваш рабочий процесс разработки с помощью Claude Code GitHub Actions\",\"href\":\"/ru/github-actions\",\"hidden\":false},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Узнайте об интеграции Claude Code в ваш рабочий процесс разработки с GitLab CI/CD\",\"href\":\"/ru/gitlab-ci-cd\",\"hidden\":false},{\"title\":\"Claude Code в Slack\",\"description\":\"Делегируйте задачи кодирования прямо из вашего рабочего пространства Slack\",\"href\":\"/ru/slack\",\"hidden\":false}]}]},{\"tab\":\"Разработка с Claude Code\",\"groups\":[{\"group\":\"Разработка с Claude Code\",\"pages\":[{\"title\":\"Создание пользовательских subagents\",\"description\":\"Создавайте и используйте специализированные AI subagents в Claude Code для рабочих процессов, ориентированных на конкретные задачи, и улучшенного управления контекстом.\",\"href\":\"/ru/sub-agents\",\"hidden\":false},{\"title\":\"Координируйте команды сеансов Claude Code\",\"description\":\"Координируйте несколько экземпляров Claude Code, работающих вместе как команда, с общими задачами, обменом сообщениями между агентами и централизованным управлением.\",\"href\":\"/ru/agent-teams\",\"hidden\":false},{\"title\":\"Создание plugins\",\"sidebarTitle\":\"Создание plugins\",\"description\":\"Создавайте пользовательские plugins для расширения Claude Code с помощью skills, agents, hooks и MCP servers.\",\"href\":\"/ru/plugins\",\"hidden\":false},{\"title\":\"Обнаружение и установка готовых плагинов через маркетплейсы\",\"description\":\"Найдите и установите плагины из маркетплейсов, чтобы расширить Claude Code новыми командами, агентами и возможностями.\",\"href\":\"/ru/discover-plugins\",\"hidden\":false},{\"title\":\"Расширение Claude с помощью навыков\",\"description\":\"Создавайте, управляйте и делитесь навыками для расширения возможностей Claude в Claude Code. Включает пользовательские команды с косой чертой.\",\"href\":\"/ru/skills\",\"hidden\":false},{\"title\":\"Стили вывода\",\"description\":\"Адаптируйте Claude Code для использования за пределами разработки программного обеспечения\",\"href\":\"/ru/output-styles\",\"hidden\":false},{\"title\":\"Начало работы с Claude Code hooks\",\"description\":\"Узнайте, как настраивать и расширять поведение Claude Code, регистрируя команды оболочки\",\"href\":\"/ru/hooks-guide\",\"hidden\":false},{\"title\":\"Запуск Claude Code программно\",\"sidebarTitle\":\"Программное использование\",\"description\":\"Используйте Agent SDK для программного запуска Claude Code из CLI, Python или TypeScript.\",\"href\":\"/ru/headless\",\"hidden\":false},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"Подключите Claude Code к инструментам через MCP\",\"description\":\"Узнайте, как подключить Claude Code к вашим инструментам с помощью Model Context Protocol.\",\"href\":\"/ru/mcp\",\"hidden\":false},{\"title\":\"Устранение неполадок\",\"description\":\"Найдите решения для распространённых проблем при установке и использовании Claude Code.\",\"href\":\"/ru/troubleshooting\",\"hidden\":false}]}]},{\"tab\":\"Развертывание\",\"groups\":[{\"group\":\"Развертывание\",\"pages\":[{\"title\":\"Обзор развертывания в масштабе предприятия\",\"sidebarTitle\":\"Обзор\",\"description\":\"Узнайте, как Claude Code может интегрироваться с различными сторонними сервисами и инфраструктурой для соответствия требованиям развертывания в масштабе предприятия.\",\"href\":\"/ru/third-party-integrations\",\"hidden\":false},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Claude Code на Amazon Bedrock\",\"description\":\"Узнайте о настройке Claude Code через Amazon Bedrock, включая установку, конфигурацию IAM и устранение неполадок.\",\"href\":\"/ru/amazon-bedrock\",\"hidden\":false},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Claude Code на Google Vertex AI\",\"description\":\"Узнайте о настройке Claude Code через Google Vertex AI, включая установку, конфигурацию IAM и устранение неполадок.\",\"href\":\"/ru/google-vertex-ai\",\"hidden\":false},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code на Microsoft Foundry\",\"description\":\"Узнайте о настройке Claude Code через Microsoft Foundry, включая установку, конфигурацию и устранение неполадок.\",\"href\":\"/ru/microsoft-foundry\",\"hidden\":false},{\"sidebarTitle\":\"Конфигурация сети\",\"title\":\"Конфигурация сети для предприятия\",\"description\":\"Настройте Claude Code для корпоративных сред с прокси-серверами, пользовательскими центрами сертификации (CA) и взаимной аутентификацией Transport Layer Security (mTLS).\",\"href\":\"/ru/network-config\",\"hidden\":false},{\"sidebarTitle\":\"LLM gateway\",\"title\":\"Конфигурация LLM gateway\",\"description\":\"Узнайте, как настроить Claude Code для работы с решениями LLM gateway. Охватывает требования к шлюзу, конфигурацию аутентификации, выбор модели и настройку конечных точек для конкретных поставщиков.\",\"href\":\"/ru/llm-gateway\",\"hidden\":false},{\"title\":\"Контейнеры разработки\",\"description\":\"Узнайте о контейнере разработки Claude Code для команд, которым нужны согласованные и безопасные среды.\",\"href\":\"/ru/devcontainer\",\"hidden\":false}]}]},{\"tab\":\"Администрирование\",\"groups\":[{\"group\":\"Администрирование\",\"pages\":[{\"sidebarTitle\":\"Расширенная установка\",\"title\":\"Настройка Claude Code\",\"description\":\"Установите, аутентифицируйте и начните использовать Claude Code на вашей машине разработки.\",\"href\":\"/ru/setup\",\"hidden\":false},{\"title\":\"Authentication\",\"href\":\"/ru/authentication\"},{\"title\":\"Безопасность\",\"description\":\"Узнайте о защитных механизмах Claude Code и лучших практиках безопасного использования.\",\"href\":\"/ru/security\",\"hidden\":false},{\"title\":\"Server managed settings\",\"href\":\"/ru/server-managed-settings\"},{\"title\":\"Использование данных\",\"description\":\"Узнайте о политике использования данных Anthropic для Claude\",\"href\":\"/ru/data-usage\",\"hidden\":false},{\"title\":\"Мониторинг\",\"description\":\"Узнайте, как включить и настроить OpenTelemetry для Claude Code.\",\"href\":\"/ru/monitoring-usage\",\"hidden\":false},{\"sidebarTitle\":\"Затраты\",\"title\":\"Эффективное управление затратами\",\"description\":\"Узнайте, как отслеживать и оптимизировать использование токенов и затраты при использовании Claude Code.\",\"href\":\"/ru/costs\",\"hidden\":false},{\"title\":\"Аналитика\",\"description\":\"Просмотрите подробные сведения об использовании и метрики производительности развертывания Claude Code вашей организации.\",\"href\":\"/ru/analytics\",\"hidden\":false},{\"title\":\"Создание и распространение marketplace плагинов\",\"sidebarTitle\":\"Создание и распространение marketplace плагинов\",\"description\":\"Создавайте и размещайте marketplace плагинов для распространения расширений Claude Code по командам и сообществам.\",\"href\":\"/ru/plugin-marketplaces\",\"hidden\":false}]}]},{\"tab\":\"Конфигурация\",\"groups\":[{\"group\":\"Конфигурация\",\"pages\":[{\"sidebarTitle\":\"Параметры\",\"title\":\"Параметры Claude Code\",\"description\":\"Настройте Claude Code с помощью глобальных и проектных параметров, а также переменных окружения.\",\"href\":\"/ru/settings\",\"hidden\":false},{\"sidebarTitle\":\"Разрешения\",\"title\":\"Настройка разрешений\",\"description\":\"Контролируйте, что Claude Code может использовать и делать, с помощью детальных правил разрешений, режимов и управляемых политик.\",\"href\":\"/ru/permissions\",\"hidden\":false},{\"title\":\"Изоляция в песочнице\",\"description\":\"Узнайте, как инструмент bash в песочнице Claude Code обеспечивает изоляцию файловой системы и сети для более безопасного и автономного выполнения агентов.\",\"href\":\"/ru/sandboxing\",\"hidden\":false},{\"sidebarTitle\":\"Конфигурация терминала\",\"title\":\"Оптимизируйте настройку вашего терминала\",\"description\":\"Claude Code работает лучше всего, когда ваш терминал правильно настроен. Следуйте этим рекомендациям, чтобы оптимизировать ваш опыт.\",\"href\":\"/ru/terminal-config\",\"hidden\":false},{\"title\":\"Конфигурация модели\",\"description\":\"Узнайте о конфигурации модели Claude Code, включая псевдонимы моделей, такие как `opusplan`\",\"href\":\"/ru/model-config\",\"hidden\":false},{\"title\":\"Fast mode\",\"href\":\"/ru/fast-mode\"},{\"sidebarTitle\":\"Управление памятью\",\"title\":\"Управление памятью Claude\",\"description\":\"Узнайте, как управлять памятью Claude Code между сеансами с различными местоположениями памяти и лучшими практиками.\",\"href\":\"/ru/memory\",\"hidden\":false},{\"title\":\"Конфигурация строки состояния\",\"description\":\"Создайте пользовательскую строку состояния для Claude Code для отображения контекстной информации\",\"href\":\"/ru/statusline\",\"hidden\":false},{\"title\":\"Настройка сочетаний клавиш\",\"description\":\"Настройте сочетания клавиш в Claude Code с помощью файла конфигурации keybindings.\",\"href\":\"/ru/keybindings\",\"hidden\":false}]}]},{\"tab\":\"Справочник\",\"groups\":[{\"group\":\"Справочник\",\"pages\":[{\"title\":\"Справочник CLI\",\"description\":\"Полный справочник по интерфейсу командной строки Claude Code, включая команды и флаги.\",\"href\":\"/ru/cli-reference\",\"hidden\":false},{\"title\":\"Интерактивный режим\",\"description\":\"Полный справочник по сочетаниям клавиш, режимам ввода и интерактивным функциям в сеансах Claude Code.\",\"href\":\"/ru/interactive-mode\",\"hidden\":false},{\"title\":\"Checkpointing\",\"description\":\"Автоматически отслеживайте и отменяйте правки Claude, чтобы быстро восстановиться после нежелательных изменений.\",\"href\":\"/ru/checkpointing\",\"hidden\":false},{\"title\":\"Справочник по hooks\",\"description\":\"На этой странице представлена справочная документация по реализации hooks в Claude Code.\",\"href\":\"/ru/hooks\",\"hidden\":false},{\"title\":\"Справочник по плагинам\",\"description\":\"Полный технический справочник по системе плагинов Claude Code, включая схемы, команды CLI и спецификации компонентов.\",\"href\":\"/ru/plugins-reference\",\"hidden\":false}]}]},{\"tab\":\"Ресурсы\",\"groups\":[{\"group\":\"Ресурсы\",\"pages\":[{\"title\":\"Правовые и нормативные требования\",\"description\":\"Правовые соглашения, сертификаты соответствия и информация о безопасности для Claude Code.\",\"href\":\"/ru/legal-and-compliance\",\"hidden\":false}]}]}]},{\"language\":\"id\",\"tabs\":[{\"tab\":\"Memulai\",\"groups\":[{\"group\":\"Memulai\",\"pages\":[{\"sidebarTitle\":\"Ringkasan\",\"title\":\"Ringkasan Claude Code\",\"description\":\"Pelajari tentang Claude Code, alat coding agentic Anthropic yang berada di terminal Anda dan membantu Anda mengubah ide menjadi kode lebih cepat dari sebelumnya.\",\"href\":\"/id/overview\",\"hidden\":false},{\"title\":\"Panduan Cepat\",\"description\":\"Selamat datang di Claude Code!\",\"href\":\"/id/quickstart\",\"hidden\":false},{\"title\":\"Changelog\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/id/changelog\",\"hidden\":false}]},{\"group\":\"Konsep Inti\",\"pages\":[{\"title\":\"Cara Kerja Claude Code\",\"description\":\"Pahami loop agentic, alat bawaan, dan bagaimana Claude Code berinteraksi dengan proyek Anda.\",\"href\":\"/id/how-claude-code-works\",\"hidden\":false},{\"title\":\"Perluas Claude Code\",\"description\":\"Pahami kapan menggunakan CLAUDE.md, Skills, subagents, hooks, MCP, dan plugins.\",\"href\":\"/id/features-overview\",\"hidden\":false},{\"title\":\"Alur kerja umum\",\"description\":\"Panduan langkah demi langkah untuk menjelajahi basis kode, memperbaiki bug, refactoring, pengujian, dan tugas sehari-hari lainnya dengan Claude Code.\",\"href\":\"/id/common-workflows\",\"hidden\":false},{\"title\":\"Praktik Terbaik untuk Claude Code\",\"description\":\"Tips dan pola untuk memaksimalkan Claude Code, dari mengonfigurasi lingkungan Anda hingga menskalakan di seluruh sesi paralel.\",\"href\":\"/id/best-practices\",\"hidden\":false}]},{\"group\":\"Platform dan integrasi\",\"pages\":[{\"title\":\"Claude Code di web\",\"description\":\"Jalankan tugas Claude Code secara asinkron pada infrastruktur cloud yang aman\",\"href\":\"/id/claude-code-on-the-web\",\"hidden\":false},{\"title\":\"Claude Code di desktop\",\"description\":\"Jalankan tugas Claude Code secara lokal atau pada infrastruktur cloud yang aman dengan aplikasi desktop Claude\",\"href\":\"/id/desktop\",\"hidden\":false},{\"title\":\"Gunakan Claude Code dengan Chrome (beta)\",\"sidebarTitle\":\"Ekstensi Chrome (beta)\",\"description\":\"Hubungkan Claude Code ke browser Chrome Anda untuk menguji aplikasi web, debug dengan console logs, otomatisasi pengisian formulir, dan ekstrak data dari halaman web.\",\"href\":\"/id/chrome\",\"hidden\":false},{\"title\":\"Gunakan Claude Code di VS Code\",\"description\":\"Instal dan konfigurasi ekstensi Claude Code untuk VS Code. Dapatkan bantuan pengkodean AI dengan diff inline, @-mentions, review rencana, dan pintasan keyboard.\",\"href\":\"/id/vs-code\",\"hidden\":false},{\"title\":\"JetBrains IDEs\",\"description\":\"Gunakan Claude Code dengan JetBrains IDEs termasuk IntelliJ, PyCharm, WebStorm, dan lainnya\",\"href\":\"/id/jetbrains\",\"hidden\":false},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Pelajari tentang integrasi Claude Code ke dalam alur kerja pengembangan Anda dengan Claude Code GitHub Actions\",\"href\":\"/id/github-actions\",\"hidden\":false},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Pelajari tentang mengintegrasikan Claude Code ke dalam alur kerja pengembangan Anda dengan GitLab CI/CD\",\"href\":\"/id/gitlab-ci-cd\",\"hidden\":false},{\"title\":\"Claude Code di Slack\",\"description\":\"Delegasikan tugas coding langsung dari workspace Slack Anda\",\"href\":\"/id/slack\",\"hidden\":false}]}]},{\"tab\":\"Bangun dengan Claude Code\",\"groups\":[{\"group\":\"Bangun dengan Claude Code\",\"pages\":[{\"title\":\"Buat subagent khusus\",\"description\":\"Buat dan gunakan subagent AI khusus di Claude Code untuk alur kerja spesifik tugas dan manajemen konteks yang lebih baik.\",\"href\":\"/id/sub-agents\",\"hidden\":false},{\"title\":\"Mengorkestra tim Claude Code sessions\",\"sidebarTitle\":\"Jalankan tim agent\",\"description\":\"Koordinasikan beberapa instance Claude Code yang bekerja bersama sebagai tim, dengan tugas bersama, pesan antar-agent, dan manajemen terpusat.\",\"href\":\"/id/agent-teams\",\"hidden\":false},{\"title\":\"Buat plugins\",\"sidebarTitle\":\"Buat plugins\",\"description\":\"Buat plugins kustom untuk memperluas Claude Code dengan skills, agents, hooks, dan MCP servers.\",\"href\":\"/id/plugins\",\"hidden\":false},{\"title\":\"Temukan dan instal plugin yang sudah dibuat melalui marketplace\",\"description\":\"Temukan dan instal plugin dari marketplace untuk memperluas Claude Code dengan perintah, agen, dan kemampuan baru.\",\"href\":\"/id/discover-plugins\",\"hidden\":false},{\"title\":\"Perluas Claude dengan keterampilan\",\"description\":\"Buat, kelola, dan bagikan keterampilan untuk memperluas kemampuan Claude di Claude Code. Termasuk perintah garis miring khusus.\",\"href\":\"/id/skills\",\"hidden\":false},{\"title\":\"Output styles\",\"description\":\"Sesuaikan Claude Code untuk penggunaan di luar rekayasa perangkat lunak\",\"href\":\"/id/output-styles\",\"hidden\":false},{\"title\":\"Mulai dengan Claude Code hooks\",\"description\":\"Pelajari cara menyesuaikan dan memperluas perilaku Claude Code dengan mendaftarkan perintah shell\",\"href\":\"/id/hooks-guide\",\"hidden\":false},{\"title\":\"Jalankan Claude Code secara programatis\",\"sidebarTitle\":\"Penggunaan programatis\",\"description\":\"Gunakan Agent SDK untuk menjalankan Claude Code secara programatis dari CLI, Python, atau TypeScript.\",\"href\":\"/id/headless\",\"hidden\":false},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"Hubungkan Claude Code ke alat melalui MCP\",\"description\":\"Pelajari cara menghubungkan Claude Code ke alat Anda dengan Model Context Protocol.\",\"href\":\"/id/mcp\",\"hidden\":false},{\"title\":\"Pemecahan Masalah\",\"description\":\"Temukan solusi untuk masalah umum dengan instalasi dan penggunaan Claude Code.\",\"href\":\"/id/troubleshooting\",\"hidden\":false}]}]},{\"tab\":\"Penerapan\",\"groups\":[{\"group\":\"Penerapan\",\"pages\":[{\"title\":\"Ringkasan penyebaran enterprise\",\"description\":\"Pelajari bagaimana Claude Code dapat terintegrasi dengan berbagai layanan pihak ketiga dan infrastruktur untuk memenuhi persyaratan penyebaran enterprise.\",\"href\":\"/id/third-party-integrations\",\"hidden\":false},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Claude Code di Amazon Bedrock\",\"description\":\"Pelajari tentang mengonfigurasi Claude Code melalui Amazon Bedrock, termasuk pengaturan, konfigurasi IAM, dan pemecahan masalah.\",\"href\":\"/id/amazon-bedrock\",\"hidden\":false},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Claude Code pada Google Vertex AI\",\"description\":\"Pelajari tentang mengonfigurasi Claude Code melalui Google Vertex AI, termasuk pengaturan, konfigurasi IAM, dan pemecahan masalah.\",\"href\":\"/id/google-vertex-ai\",\"hidden\":false},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code di Microsoft Foundry\",\"description\":\"Pelajari tentang mengonfigurasi Claude Code melalui Microsoft Foundry, termasuk setup, konfigurasi, dan pemecahan masalah.\",\"href\":\"/id/microsoft-foundry\",\"hidden\":false},{\"sidebarTitle\":\"Konfigurasi jaringan\",\"title\":\"Konfigurasi jaringan enterprise\",\"description\":\"Konfigurasikan Claude Code untuk lingkungan enterprise dengan server proxy, Certificate Authorities (CA) kustom, dan autentikasi mutual Transport Layer Security (mTLS).\",\"href\":\"/id/network-config\",\"hidden\":false},{\"sidebarTitle\":\"LLM gateway\",\"title\":\"Konfigurasi LLM gateway\",\"description\":\"Pelajari cara mengonfigurasi Claude Code untuk bekerja dengan solusi LLM gateway. Mencakup persyaratan gateway, konfigurasi autentikasi, pemilihan model, dan pengaturan endpoint khusus penyedia.\",\"href\":\"/id/llm-gateway\",\"hidden\":false},{\"title\":\"Kontainer pengembangan\",\"description\":\"Pelajari tentang kontainer pengembangan Claude Code untuk tim yang membutuhkan lingkungan yang konsisten dan aman.\",\"href\":\"/id/devcontainer\",\"hidden\":false}]}]},{\"tab\":\"Administrasi\",\"groups\":[{\"group\":\"Administrasi\",\"pages\":[{\"sidebarTitle\":\"Instalasi lanjutan\",\"title\":\"Siapkan Claude Code\",\"description\":\"Instal, autentikasi, dan mulai menggunakan Claude Code di mesin pengembangan Anda.\",\"href\":\"/id/setup\",\"hidden\":false},{\"title\":\"Authentication\",\"href\":\"/id/authentication\"},{\"title\":\"Keamanan\",\"description\":\"Pelajari tentang perlindungan keamanan Claude Code dan praktik terbaik untuk penggunaan yang aman.\",\"href\":\"/id/security\",\"hidden\":false},{\"title\":\"Server managed settings\",\"href\":\"/id/server-managed-settings\"},{\"title\":\"Penggunaan data\",\"description\":\"Pelajari kebijakan penggunaan data Anthropic untuk Claude\",\"href\":\"/id/data-usage\",\"hidden\":false},{\"title\":\"Pemantauan\",\"description\":\"Pelajari cara mengaktifkan dan mengonfigurasi OpenTelemetry untuk Claude Code.\",\"href\":\"/id/monitoring-usage\",\"hidden\":false},{\"sidebarTitle\":\"Biaya\",\"title\":\"Kelola biaya secara efektif\",\"description\":\"Pelajari cara melacak dan mengoptimalkan penggunaan token dan biaya saat menggunakan Claude Code.\",\"href\":\"/id/costs\",\"hidden\":false},{\"title\":\"Analitik\",\"description\":\"Lihat wawasan penggunaan terperinci dan metrik produktivitas untuk penerapan Claude Code organisasi Anda.\",\"href\":\"/id/analytics\",\"hidden\":false},{\"title\":\"Buat dan distribusikan marketplace plugin\",\"description\":\"Bangun dan hosting marketplace plugin untuk mendistribusikan ekstensi Claude Code di seluruh tim dan komunitas.\",\"href\":\"/id/plugin-marketplaces\",\"hidden\":false}]}]},{\"tab\":\"Konfigurasi\",\"groups\":[{\"group\":\"Konfigurasi\",\"pages\":[{\"sidebarTitle\":\"Pengaturan\",\"title\":\"Pengaturan Claude Code\",\"description\":\"Konfigurasikan Claude Code dengan pengaturan global dan tingkat proyek, serta variabel lingkungan.\",\"href\":\"/id/settings\",\"hidden\":false},{\"sidebarTitle\":\"Izin\",\"title\":\"Konfigurasi izin\",\"description\":\"Kontrol apa yang dapat diakses dan dilakukan Claude Code dengan aturan izin, mode, dan kebijakan terkelola yang terperinci.\",\"href\":\"/id/permissions\",\"hidden\":false},{\"title\":\"Sandboxing\",\"description\":\"Pelajari bagaimana alat bash yang di-sandbox dari Claude Code menyediakan isolasi filesystem dan jaringan untuk eksekusi agen yang lebih aman dan otonomi.\",\"href\":\"/id/sandboxing\",\"hidden\":false},{\"sidebarTitle\":\"Konfigurasi terminal\",\"title\":\"Optimalkan pengaturan terminal Anda\",\"description\":\"Claude Code bekerja paling baik ketika terminal Anda dikonfigurasi dengan benar. Ikuti panduan ini untuk mengoptimalkan pengalaman Anda.\",\"href\":\"/id/terminal-config\",\"hidden\":false},{\"title\":\"Konfigurasi model\",\"description\":\"Pelajari tentang konfigurasi model Claude Code, termasuk alias model seperti `opusplan`\",\"href\":\"/id/model-config\",\"hidden\":false},{\"title\":\"Fast mode\",\"href\":\"/id/fast-mode\"},{\"sidebarTitle\":\"Manajemen memori\",\"title\":\"Kelola memori Claude\",\"description\":\"Pelajari cara mengelola memori Claude Code di seluruh sesi dengan lokasi memori berbeda dan praktik terbaik.\",\"href\":\"/id/memory\",\"hidden\":false},{\"title\":\"Konfigurasi baris status\",\"description\":\"Buat baris status khusus untuk Claude Code untuk menampilkan informasi kontekstual\",\"href\":\"/id/statusline\",\"hidden\":false},{\"title\":\"Sesuaikan pintasan keyboard\",\"description\":\"Sesuaikan pintasan keyboard di Claude Code dengan file konfigurasi keybindings.\",\"href\":\"/id/keybindings\",\"hidden\":false}]}]},{\"tab\":\"Referensi\",\"groups\":[{\"group\":\"Referensi\",\"pages\":[{\"title\":\"Referensi CLI\",\"description\":\"Referensi lengkap untuk antarmuka baris perintah Claude Code, termasuk perintah dan flag.\",\"href\":\"/id/cli-reference\",\"hidden\":false},{\"title\":\"Mode interaktif\",\"description\":\"Referensi lengkap untuk pintasan keyboard, mode input, dan fitur interaktif dalam sesi Claude Code.\",\"href\":\"/id/interactive-mode\",\"hidden\":false},{\"title\":\"Checkpointing\",\"description\":\"Secara otomatis melacak dan membatalkan pengeditan Claude untuk pemulihan cepat dari perubahan yang tidak diinginkan.\",\"href\":\"/id/checkpointing\",\"hidden\":false},{\"title\":\"Referensi Hooks\",\"description\":\"Halaman ini menyediakan dokumentasi referensi untuk mengimplementasikan hooks di Claude Code.\",\"href\":\"/id/hooks\",\"hidden\":false},{\"title\":\"Referensi Plugins\",\"description\":\"Referensi teknis lengkap untuk sistem plugin Claude Code, termasuk skema, perintah CLI, dan spesifikasi komponen.\",\"href\":\"/id/plugins-reference\",\"hidden\":false}]}]},{\"tab\":\"Sumber Daya\",\"groups\":[{\"group\":\"Sumber Daya\",\"pages\":[{\"title\":\"Hukum dan kepatuhan\",\"description\":\"Perjanjian hukum, sertifikasi kepatuhan, dan informasi keamanan untuk Claude Code.\",\"href\":\"/id/legal-and-compliance\",\"hidden\":false}]}]}]},{\"language\":\"pt-BR\",\"tabs\":[{\"tab\":\"Primeiros passos\",\"groups\":[{\"group\":\"Primeiros passos\",\"pages\":[{\"sidebarTitle\":\"Visão geral\",\"title\":\"Visão geral do Claude Code\",\"description\":\"Aprenda sobre Claude Code, a ferramenta de codificação agentic da Anthropic que vive em seu terminal e ajuda você a transformar ideias em código mais rápido do que nunca.\",\"href\":\"/pt/overview\",\"hidden\":false},{\"title\":\"Guia de Início Rápido\",\"description\":\"Bem-vindo ao Claude Code!\",\"href\":\"/pt/quickstart\",\"hidden\":false},{\"title\":\"Changelog\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/pt/changelog\",\"hidden\":false}]},{\"group\":\"Conceitos principais\",\"pages\":[{\"title\":\"Como o Claude Code funciona\",\"description\":\"Entenda o loop agentico, as ferramentas integradas e como o Claude Code interage com seu projeto.\",\"href\":\"/pt/how-claude-code-works\",\"hidden\":false},{\"title\":\"Estender Claude Code\",\"sidebarTitle\":\"Estender Claude Code\",\"description\":\"Entenda quando usar CLAUDE.md, Skills, subagents, hooks, MCP e plugins.\",\"href\":\"/pt/features-overview\",\"hidden\":false},{\"title\":\"Fluxos de trabalho comuns\",\"description\":\"Guias passo a passo para explorar bases de código, corrigir bugs, refatorar, testar e outras tarefas cotidianas com Claude Code.\",\"href\":\"/pt/common-workflows\",\"hidden\":false},{\"title\":\"Melhores práticas para Claude Code\",\"description\":\"Dicas e padrões para aproveitar ao máximo o Claude Code, desde a configuração do seu ambiente até o dimensionamento em sessões paralelas.\",\"href\":\"/pt/best-practices\",\"hidden\":false}]},{\"group\":\"Plataformas e integrações\",\"pages\":[{\"title\":\"Claude Code na web\",\"description\":\"Execute tarefas Claude Code de forma assíncrona em infraestrutura de nuvem segura\",\"href\":\"/pt/claude-code-on-the-web\",\"hidden\":false},{\"title\":\"Claude Code no desktop\",\"description\":\"Execute tarefas do Claude Code localmente ou em infraestrutura em nuvem segura com o aplicativo Claude desktop\",\"href\":\"/pt/desktop\",\"hidden\":false},{\"title\":\"Use Claude Code with Chrome (beta)\",\"sidebarTitle\":\"Chrome extension (beta)\",\"description\":\"Conecte Claude Code ao seu navegador Chrome para testar aplicativos web, depurar com logs de console, automatizar preenchimento de formulários e extrair dados de páginas web.\",\"href\":\"/pt/chrome\",\"hidden\":false},{\"title\":\"Use Claude Code no VS Code\",\"description\":\"Instale e configure a extensão Claude Code para VS Code. Obtenha assistência de codificação com IA com diffs inline, @-mentions, revisão de planos e atalhos de teclado.\",\"href\":\"/pt/vs-code\",\"hidden\":false},{\"title\":\"JetBrains IDEs\",\"description\":\"Use Claude Code with JetBrains IDEs including IntelliJ, PyCharm, WebStorm, and more\",\"href\":\"/pt/jetbrains\",\"hidden\":false},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Aprenda sobre a integração do Claude Code no seu fluxo de trabalho de desenvolvimento com Claude Code GitHub Actions\",\"href\":\"/pt/github-actions\",\"hidden\":false},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Saiba como integrar Claude Code no seu fluxo de trabalho de desenvolvimento com GitLab CI/CD\",\"href\":\"/pt/gitlab-ci-cd\",\"hidden\":false},{\"title\":\"Claude Code no Slack\",\"description\":\"Delegue tarefas de codificação diretamente do seu espaço de trabalho Slack\",\"href\":\"/pt/slack\",\"hidden\":false}]}]},{\"tab\":\"Construir com Claude Code\",\"groups\":[{\"group\":\"Construir com Claude Code\",\"pages\":[{\"title\":\"Criar subagentes personalizados\",\"description\":\"Crie e use subagentes de IA especializados no Claude Code para fluxos de trabalho específicos de tarefas e gerenciamento de contexto aprimorado.\",\"href\":\"/pt/sub-agents\",\"hidden\":false},{\"title\":\"Orquestre equipes de sessões Claude Code\",\"sidebarTitle\":\"Executar equipes de agentes\",\"description\":\"Coordene múltiplas instâncias Claude Code trabalhando juntas como uma equipe, com tarefas compartilhadas, mensagens entre agentes e gerenciamento centralizado.\",\"href\":\"/pt/agent-teams\",\"hidden\":false},{\"title\":\"Criar plugins\",\"sidebarTitle\":\"Criar plugins\",\"description\":\"Crie plugins personalizados para estender Claude Code com skills, agents, hooks e MCP servers.\",\"href\":\"/pt/plugins\",\"hidden\":false},{\"title\":\"Descubra e instale plugins pré-construídos através de marketplaces\",\"description\":\"Encontre e instale plugins de marketplaces para estender Claude Code com novos comandos, agentes e capacidades.\",\"href\":\"/pt/discover-plugins\",\"hidden\":false},{\"title\":\"Estenda Claude com skills\",\"description\":\"Crie, gerencie e compartilhe skills para estender as capacidades do Claude no Claude Code. Inclui comandos de barra invertida personalizados.\",\"href\":\"/pt/skills\",\"hidden\":false},{\"title\":\"Estilos de saída\",\"description\":\"Adapte Claude Code para usos além da engenharia de software\",\"href\":\"/pt/output-styles\",\"hidden\":false},{\"title\":\"Comece com os hooks do Claude Code\",\"description\":\"Aprenda como personalizar e estender o comportamento do Claude Code registrando comandos shell\",\"href\":\"/pt/hooks-guide\",\"hidden\":false},{\"title\":\"Executar Claude Code programaticamente\",\"description\":\"Use o Agent SDK para executar Claude Code programaticamente a partir da CLI, Python ou TypeScript.\",\"href\":\"/pt/headless\",\"hidden\":false},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"Conectar Claude Code a ferramentas via MCP\",\"description\":\"Aprenda como conectar Claude Code às suas ferramentas com o Model Context Protocol.\",\"href\":\"/pt/mcp\",\"hidden\":false},{\"title\":\"Solução de problemas\",\"description\":\"Descubra soluções para problemas comuns com a instalação e uso do Claude Code.\",\"href\":\"/pt/troubleshooting\",\"hidden\":false}]}]},{\"tab\":\"Implantação\",\"groups\":[{\"group\":\"Implantação\",\"pages\":[{\"title\":\"Visão geral da implantação empresarial\",\"sidebarTitle\":\"Visão geral\",\"description\":\"Saiba como Claude Code pode se integrar com vários serviços de terceiros e infraestrutura para atender aos requisitos de implantação empresarial.\",\"href\":\"/pt/third-party-integrations\",\"hidden\":false},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Claude Code no Amazon Bedrock\",\"description\":\"Saiba como configurar Claude Code através do Amazon Bedrock, incluindo configuração, configuração de IAM e resolução de problemas.\",\"href\":\"/pt/amazon-bedrock\",\"hidden\":false},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Claude Code no Google Vertex AI\",\"description\":\"Saiba como configurar Claude Code através do Google Vertex AI, incluindo configuração, configuração de IAM e resolução de problemas.\",\"href\":\"/pt/google-vertex-ai\",\"hidden\":false},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code no Microsoft Foundry\",\"description\":\"Saiba como configurar Claude Code através do Microsoft Foundry, incluindo configuração, instalação e resolução de problemas.\",\"href\":\"/pt/microsoft-foundry\",\"hidden\":false},{\"sidebarTitle\":\"Configuração de rede\",\"title\":\"Configuração de rede empresarial\",\"description\":\"Configure Claude Code para ambientes empresariais com servidores proxy, Autoridades de Certificação (CA) personalizadas e autenticação mútua de Transport Layer Security (mTLS).\",\"href\":\"/pt/network-config\",\"hidden\":false},{\"sidebarTitle\":\"Gateway LLM\",\"title\":\"Configuração do gateway LLM\",\"description\":\"Saiba como configurar Claude Code para trabalhar com soluções de gateway LLM. Abrange requisitos de gateway, configuração de autenticação, seleção de modelo e configuração de endpoint específica do provedor.\",\"href\":\"/pt/llm-gateway\",\"hidden\":false},{\"title\":\"Contêineres de desenvolvimento\",\"description\":\"Saiba mais sobre o contêiner de desenvolvimento Claude Code para equipes que precisam de ambientes consistentes e seguros.\",\"href\":\"/pt/devcontainer\",\"hidden\":false}]}]},{\"tab\":\"Administração\",\"groups\":[{\"group\":\"Administração\",\"pages\":[{\"sidebarTitle\":\"Instalação avançada\",\"title\":\"Configurar Claude Code\",\"description\":\"Instale, autentique e comece a usar Claude Code em sua máquina de desenvolvimento.\",\"href\":\"/pt/setup\",\"hidden\":false},{\"title\":\"Authentication\",\"href\":\"/pt/authentication\"},{\"title\":\"Segurança\",\"description\":\"Aprenda sobre as proteções de segurança do Claude Code e as melhores práticas para uso seguro.\",\"href\":\"/pt/security\",\"hidden\":false},{\"title\":\"Server managed settings\",\"href\":\"/pt/server-managed-settings\"},{\"title\":\"Uso de dados\",\"description\":\"Saiba mais sobre as políticas de uso de dados da Anthropic para Claude\",\"href\":\"/pt/data-usage\",\"hidden\":false},{\"title\":\"Monitoramento\",\"description\":\"Saiba como ativar e configurar OpenTelemetry para Claude Code.\",\"href\":\"/pt/monitoring-usage\",\"hidden\":false},{\"sidebarTitle\":\"Custos\",\"title\":\"Gerencie custos efetivamente\",\"description\":\"Aprenda como rastrear e otimizar o uso de tokens e custos ao usar Claude Code.\",\"href\":\"/pt/costs\",\"hidden\":false},{\"title\":\"Análise\",\"description\":\"Visualize insights detalhados de uso e métricas de produtividade para a implantação do Claude Code da sua organização.\",\"href\":\"/pt/analytics\",\"hidden\":false},{\"title\":\"Criar e distribuir um marketplace de plugins\",\"sidebarTitle\":\"Criar e distribuir um marketplace de plugins\",\"description\":\"Crie e hospede marketplaces de plugins para distribuir extensões Claude Code em equipes e comunidades.\",\"href\":\"/pt/plugin-marketplaces\",\"hidden\":false}]}]},{\"tab\":\"Configuração\",\"groups\":[{\"group\":\"Configuração\",\"pages\":[{\"sidebarTitle\":\"Configurações\",\"title\":\"Configurações do Claude Code\",\"description\":\"Configure o Claude Code com configurações globais e em nível de projeto, e variáveis de ambiente.\",\"href\":\"/pt/settings\",\"hidden\":false},{\"sidebarTitle\":\"Permissões\",\"title\":\"Configurar permissões\",\"description\":\"Controle o que Claude Code pode acessar e fazer com regras de permissão granulares, modos e políticas gerenciadas.\",\"href\":\"/pt/permissions\",\"hidden\":false},{\"title\":\"Isolamento em Sandbox\",\"description\":\"Aprenda como a ferramenta bash em sandbox do Claude Code fornece isolamento de sistema de arquivos e rede para execução de agentes mais segura e autônoma.\",\"href\":\"/pt/sandboxing\",\"hidden\":false},{\"sidebarTitle\":\"Configuração do terminal\",\"title\":\"Otimize sua configuração de terminal\",\"description\":\"Claude Code funciona melhor quando seu terminal está devidamente configurado. Siga estas diretrizes para otimizar sua experiência.\",\"href\":\"/pt/terminal-config\",\"hidden\":false},{\"title\":\"Configuração de modelo\",\"description\":\"Saiba mais sobre a configuração do modelo Claude Code, incluindo aliases de modelo como `opusplan`\",\"href\":\"/pt/model-config\",\"hidden\":false},{\"title\":\"Fast mode\",\"href\":\"/pt/fast-mode\"},{\"sidebarTitle\":\"Gerenciamento de memória\",\"title\":\"Gerenciar a memória do Claude\",\"description\":\"Aprenda como gerenciar a memória do Claude Code em sessões com diferentes locais de memória e melhores práticas.\",\"href\":\"/pt/memory\",\"hidden\":false},{\"title\":\"Configuração da linha de status\",\"description\":\"Crie uma linha de status personalizada para Claude Code para exibir informações contextuais\",\"href\":\"/pt/statusline\",\"hidden\":false},{\"title\":\"Personalizar atalhos de teclado\",\"description\":\"Personalize atalhos de teclado no Claude Code com um arquivo de configuração de keybindings.\",\"href\":\"/pt/keybindings\",\"hidden\":false}]}]},{\"tab\":\"Referência\",\"groups\":[{\"group\":\"Referência\",\"pages\":[{\"title\":\"Referência de CLI\",\"description\":\"Referência completa para a interface de linha de comando do Claude Code, incluindo comandos e sinalizadores.\",\"href\":\"/pt/cli-reference\",\"hidden\":false},{\"title\":\"Modo interativo\",\"description\":\"Referência completa para atalhos de teclado, modos de entrada e recursos interativos em sessões do Claude Code.\",\"href\":\"/pt/interactive-mode\",\"hidden\":false},{\"title\":\"Checkpointing\",\"description\":\"Rastreie e reverta automaticamente as edições do Claude para recuperar-se rapidamente de alterações indesejadas.\",\"href\":\"/pt/checkpointing\",\"hidden\":false},{\"title\":\"Referência de Hooks\",\"description\":\"Esta página fornece documentação de referência para implementar hooks no Claude Code.\",\"href\":\"/pt/hooks\",\"hidden\":false},{\"title\":\"Referência de plugins\",\"description\":\"Referência técnica completa para o sistema de plugins do Claude Code, incluindo esquemas, comandos CLI e especificações de componentes.\",\"href\":\"/pt/plugins-reference\",\"hidden\":false}]}]},{\"tab\":\"Recursos\",\"groups\":[{\"group\":\"Recursos\",\"pages\":[{\"title\":\"Legal e conformidade\",\"description\":\"Acordos legais, certificações de conformidade e informações de segurança para Claude Code.\",\"href\":\"/pt/legal-and-compliance\",\"hidden\":false}]}]}]}]}},\"children\":\"$L47\"}]}]}]}]]}]}]\n"])</script><script>self.__next_f.push([1,"48:I[68367,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"LoginButtonProvider\",1]\n"])</script><script>self.__next_f.push([1,"49:I[54001,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"SidebarLoginButtonProvider\",1]\n"])</script><script>self.__next_f.push([1,"4a:I[76829,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"NavigationContextController\",1]\n"])</script><script>self.__next_f.push([1,"4b:I[96924,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"PrefetchProvider\"]\n"])</script><script>self.__next_f.push([1,"4c:I[69445,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"Fonts\"]\n"])</script><script>self.__next_f.push([1,"4d:I[12192,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"BannerProvider\",1]\n"])</script><script>self.__next_f.push([1,"4e:I[42080,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"ScrollTopScript\",1]\n"])</script><script>self.__next_f.push([1,"4f:I[92177,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"LocalStorageAndAnalyticsProviders\",1]\n"])</script><script>self.__next_f.push([1,"50:I[83176,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"51:I[12158,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"SearchProvider\",1]\n"])</script><script>self.__next_f.push([1,"52:I[76982,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"SkipToContent\",1]\n"])</script><script>self.__next_f.push([1,"53:I[89261,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"AssistantLayoutWrapper\",1]\n"])</script><script>self.__next_f.push([1,"54:I[62964,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"46167\",\"static/chunks/46167-9ef5360406318b8b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_2zb1LEX9MEyx3NqmW1rR28JZxgdu\"],\"ThemeLayout\",1]\n"])</script><script>self.__next_f.push([1,"47:[\"$\",\"$L48\",null,{\"children\":[\"$\",\"$L49\",null,{\"children\":[\"$\",\"$L4a\",null,{\"children\":[\"$\",\"$L4b\",null,{\"children\":[[\"$\",\"$L7\",null,{\"fonts\":\"$15:props:children:props:children:2:props:children:props:children:props:children:props:value:docsConfig:fonts\",\"theme\":\"mint\",\"subdomain\":\"claude-code\"}],[[\"$\",\"$L6\",null,{\"docsConfig\":\"$15:props:children:props:children:2:props:children:props:children:props:children:props:value:docsConfig\"}],[[\"$\",\"link\",null,{\"rel\":\"preload\",\"href\":\"https://d4tuoctqmanu0.cloudfront.net/katex.min.css\",\"as\":\"style\"}],[\"$\",\"script\",null,{\"type\":\"text/javascript\",\"children\":\"\\n (function() {\\n function loadKatex() {\\n const link = document.querySelector('link[href=\\\"https://d4tuoctqmanu0.cloudfront.net/katex.min.css\\\"]');\\n if (link) link.rel = 'stylesheet';\\n }\\n if (document.readyState === 'loading') {\\n document.addEventListener('DOMContentLoaded', loadKatex);\\n } else {\\n loadKatex();\\n }\\n })();\\n \"}]],[\"$\",\"$L8\",null,{\"theme\":\"mint\"}],[\"$\",\"$L4c\",null,{\"fonts\":\"$15:props:children:props:children:2:props:children:props:children:props:children:props:value:docsConfig:fonts\",\"children\":[\"$\",\"$L4d\",null,{\"bannersByLocale\":{},\"subdomain\":\"claude-code\",\"children\":[[\"$\",\"$L4e\",null,{\"theme\":\"mint\"}],[\"$\",\"$L4f\",null,{\"subdomain\":\"claude-code\",\"children\":[\"$\",\"$L50\",null,{\"toggles\":[{\"name\":\"dashboard-bucketing\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"ai-merge-conflict-resolution\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"tiered-billing\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"server-bucketing-cron\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"skip-github\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"dashboard-editor-theseus\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"dashboard-analytics-v6\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"self-serve-sso\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"autopilot-dashboard\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"live-preview-client\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"notification-settings\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"chat-bucketing-batched\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"agent-page\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"dashboard-auth-revamp\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"assistant-integrations\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"dashboard-analytics-search\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"viewer-role\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"agent-mintlify-slack\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"cloudflare-cache-invalidation\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false}],\"children\":[\"$\",\"$L51\",null,{\"subdomain\":\"claude-code\",\"hasChatPermissions\":true,\"assistantConfig\":{\"enableAskAiButton\":false,\"enableStarterQuestions\":false,\"enableAskAiSearchBar\":true},\"starterQuestions\":\"$undefined\",\"children\":[[\"$\",\"$L52\",null,{}],[\"$\",\"$L53\",null,{\"children\":[\"$\",\"$L54\",null,{\"topbar\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"topbar\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],\"theme\":\"mint\",\"children\":[[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],\"$undefined\"]}]}]]}]}]}]]}]}]]]}]}]}]}]\n"])</script></body></html>+</ul></div><div class="feedback-toolbar pb-16 w-full flex flex-col gap-y-8"><div class="flex flex-row flex-wrap gap-4 items-center justify-between"><p class="inline-block text-sm text-gray-600 dark:text-gray-400 whitespace-nowrap">Was this page helpful?</p><div class="flex flex-wrap flex-grow gap-3 items-center justify-end"><div class="flex gap-3 items-center"><button id="feedback-thumbs-up" class="px-3.5 py-2 flex flex-row gap-3 items-center border-standard rounded-xl text-gray-600 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 bg-white/50 dark:bg-codeblock/50 hover:border-gray-500 hover:dark:border-gray-500"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="fill-current"><path d="M10.1187 1.08741C8.925 0.746789 7.67813 1.43741 7.3375 2.63116L7.15938 3.25616C7.04375 3.66241 6.83438 4.03741 6.55 4.34991L4.94688 6.11241C4.66875 6.41866 4.69062 6.89366 4.99687 7.17179C5.30312 7.44991 5.77813 7.42804 6.05625 7.12179L7.65938 5.35929C8.1 4.87491 8.42188 4.29679 8.6 3.66866L8.77812 3.04366C8.89062 2.64679 9.30625 2.41554 9.70625 2.52804C10.1063 2.64054 10.3344 3.05616 10.2219 3.45616L10.0437 4.08116C9.86562 4.70304 9.58437 5.29054 9.2125 5.81554C9.05 6.04366 9.03125 6.34366 9.15938 6.59366C9.2875 6.84366 9.54375 6.99991 9.825 6.99991H14C14.275 6.99991 14.5 7.22491 14.5 7.49991C14.5 7.71241 14.3656 7.89679 14.175 7.96866C13.9438 8.05616 13.7688 8.24992 13.7094 8.49054C13.65 8.73117 13.7125 8.98429 13.875 9.16866C13.9531 9.25616 14 9.37179 14 9.49991C14 9.74366 13.825 9.94679 13.5938 9.99054C13.3375 10.0405 13.1219 10.2187 13.0312 10.4624C12.9406 10.7062 12.9813 10.9843 13.1438 11.1905C13.2094 11.2749 13.25 11.3812 13.25 11.4999C13.25 11.7093 13.1187 11.8937 12.9312 11.9655C12.5719 12.1062 12.3781 12.4937 12.4812 12.8655C12.4937 12.9062 12.5 12.953 12.5 12.9999C12.5 13.2749 12.275 13.4999 12 13.4999H8.95312C8.55937 13.4999 8.17188 13.3843 7.84375 13.1655L5.91563 11.8812C5.57188 11.6499 5.10625 11.7437 4.875 12.0905C4.64375 12.4374 4.7375 12.8999 5.08437 13.1312L7.0125 14.4155C7.5875 14.7999 8.2625 15.003 8.95312 15.003H12C13.0844 15.003 13.9656 14.1405 14 13.0655C14.4563 12.6999 14.75 12.1374 14.75 11.503C14.75 11.3624 14.7344 11.228 14.7094 11.0968C15.1906 10.7312 15.5 10.153 15.5 9.50304C15.5 9.29991 15.4688 9.10304 15.4125 8.91866C15.775 8.55304 16 8.05304 16 7.49991C16 6.39679 15.1063 5.49991 14 5.49991H11.1156C11.2625 5.17491 11.3875 4.83741 11.4844 4.49366L11.6625 3.86866C12.0031 2.67491 11.3125 1.42804 10.1187 1.08741ZM1 5.99991C0.446875 5.99991 0 6.44679 0 6.99991V13.9999C0 14.553 0.446875 14.9999 1 14.9999H3C3.55313 14.9999 4 14.553 4 13.9999V6.99991C4 6.44679 3.55313 5.99991 3 5.99991H1Z"></path></svg><small class="text-sm font-normal leading-4">Yes</small></button><button id="feedback-thumbs-down" class="px-3.5 py-2 flex flex-row gap-3 items-center border-standard rounded-xl text-gray-600 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 bg-white/50 dark:bg-codeblock/50 hover:border-gray-500 hover:dark:border-gray-500"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="fill-current"><path d="M10.1187 14.9124C8.925 15.253 7.67813 14.5624 7.3375 13.3687L7.15938 12.7437C7.04375 12.3374 6.83438 11.9624 6.55 11.6499L4.94688 9.8874C4.66875 9.58115 4.69062 9.10615 4.99687 8.82803C5.30312 8.5499 5.77813 8.57178 6.05625 8.87803L7.65938 10.6405C8.1 11.1249 8.42188 11.703 8.6 12.3312L8.77812 12.9562C8.89062 13.353 9.30625 13.5843 9.70625 13.4718C10.1063 13.3593 10.3344 12.9437 10.2219 12.5437L10.0437 11.9187C9.86562 11.2968 9.58437 10.7093 9.2125 10.1843C9.05 9.95615 9.03125 9.65615 9.15938 9.40615C9.2875 9.15615 9.54375 8.9999 9.825 8.9999H14C14.275 8.9999 14.5 8.7749 14.5 8.4999C14.5 8.2874 14.3656 8.10303 14.175 8.03115C13.9438 7.94365 13.7688 7.7499 13.7094 7.50928C13.65 7.26865 13.7125 7.01553 13.875 6.83115C13.9531 6.74365 14 6.62803 14 6.4999C14 6.25615 13.825 6.05303 13.5938 6.00928C13.3375 5.95928 13.1219 5.78115 13.0312 5.53428C12.9406 5.2874 12.9813 5.0124 13.1438 4.80615C13.2094 4.72178 13.25 4.61553 13.25 4.49678C13.25 4.2874 13.1187 4.10303 12.9312 4.03115C12.5719 3.89053 12.3781 3.50303 12.4812 3.13115C12.4937 3.09053 12.5 3.04365 12.5 2.99678C12.5 2.72178 12.275 2.49678 12 2.49678H8.95312C8.55937 2.49678 8.17188 2.6124 7.84375 2.83115L5.91563 4.11553C5.57188 4.34678 5.10625 4.25303 4.875 3.90615C4.64375 3.55928 4.7375 3.09678 5.08437 2.86553L7.0125 1.58115C7.5875 1.19678 8.2625 0.993652 8.95312 0.993652H12C13.0844 0.993652 13.9656 1.85615 14 2.93115C14.4563 3.29678 14.75 3.85928 14.75 4.49365C14.75 4.63428 14.7344 4.76865 14.7094 4.8999C15.1906 5.26553 15.5 5.84365 15.5 6.49365C15.5 6.69678 15.4688 6.89365 15.4125 7.07803C15.775 7.44678 16 7.94678 16 8.4999C16 9.60303 15.1063 10.4999 14 10.4999H11.1156C11.2625 10.8249 11.3875 11.1624 11.4844 11.5062L11.6625 12.1312C12.0031 13.3249 11.3125 14.5718 10.1187 14.9124ZM1 11.9999C0.446875 11.9999 0 11.553 0 10.9999V3.9999C0 3.44678 0.446875 2.9999 1 2.9999H3C3.55313 2.9999 4 3.44678 4 3.9999V10.9999C4 11.553 3.55313 11.9999 3 11.9999H1Z"></path></svg><small class="text-sm font-normal leading-4">No</small></button></div><div class="flex gap-3"></div></div></div></div><div id="pagination" class="px-0.5 flex items-center text-sm font-semibold text-gray-700 dark:text-gray-200"><a class="flex items-center space-x-3 group" href="/docs/en/discover-plugins"><svg viewBox="0 0 3 6" class="h-1.5 stroke-gray-400 overflow-visible group-hover:stroke-gray-600 dark:group-hover:stroke-gray-300"><path d="M3 0L0 3L3 6" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="group-hover:text-gray-900 dark:group-hover:text-white">Discover and install prebuilt plugins</span></a><a class="flex items-center ml-auto space-x-3 group" href="/docs/en/output-styles"><span class="group-hover:text-gray-900 dark:group-hover:text-white">Output styles</span><svg viewBox="0 0 3 6" class="rotate-180 h-1.5 stroke-gray-400 overflow-visible group-hover:stroke-gray-600 dark:group-hover:stroke-gray-300"><path d="M3 0L0 3L3 6" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="left-0 right-0 sticky sm:px-4 pb-4 sm:pb-6 bottom-0 pt-1 flex flex-col items-center w-full overflow-hidden z-20 pointer-events-none print:hidden"><div class="chat-assistant-floating-input z-10 w-full sm:w-96 focus-within:w-full group/assistant-bar sm:focus-within:w-[30rem] hover:scale-100 sm:hover:scale-105 focus-within:hover:scale-100 [transition:width_400ms,left_200ms,transform_500ms,opacity_200ms]"><div class="translate-y-[100px] opacity-0"><div class="flex flex-col w-full rounded-2xl pointer-events-auto bg-background-light/90 dark:bg-background-dark/90 backdrop-blur-xl border border-gray-200 dark:border-white/30 focus-within:border-primary dark:focus-within:border-primary-light transition-colors sm:shadow-xl"><div class="relative flex items-end"><textarea id="chat-assistant-textarea" aria-label="Ask a question..." autoComplete="off" placeholder="Ask a question..." class="chat-assistant-input w-full bg-transparent border-0 peer/input text-gray-900 dark:text-gray-100 placeholder-gray-500 dark:placeholder-gray-400 !outline-none focus:!outline-none focus:ring-0 py-2.5 pl-3.5 pr-10 font-bodyWeight text-sm" style="resize:none"></textarea><span class="absolute right-11 bottom-3 text-xs font-medium text-gray-400 dark:text-gray-500 select-none pointer-events-none peer-focus/input:hidden hidden sm:inline">⌘<!-- -->I</span><button class="chat-assistant-send-button flex justify-center items-center rounded-full p-1 size-6 bg-primary/30 dark:bg-primary-dark/30 absolute right-2.5 bottom-2" aria-label="Send message" disabled=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up text-white dark:text-white size-3.5"><path d="m5 12 7-7 7 7"></path><path d="M12 19V5"></path></svg></button></div></div></div></div></div></div></div><!--$--><!--/$--></div></div><footer id="footer" class="advanced-footer flex flex-col items-center mx-auto border-t border-gray-100 dark:border-gray-800/50"><div class="flex w-full flex-col gap-12 justify-between px-8 py-16 md:py-20 lg:py-28 max-w-[984px] z-20"><div class="flex flex-col md:flex-row gap-8 justify-between min-h-[76px]"><div class="flex md:flex-col justify-between items-center md:items-start min-w-16 md:min-w-20 lg:min-w-48 md:gap-y-24"><a class="select-none" data-state="closed" data-slot="context-menu-trigger" style="-webkit-touch-callout:none" href="/docs"><span class="sr-only">Claude Code Docs<!-- --> home page</span><img class="nav-logo w-auto relative object-contain shrink-0 block dark:hidden max-w-48 h-[26px]" src="https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/light.svg?fit=max&auto=format&n=o69F7a6qoW9vboof&q=85&s=536eade682636e84231afce2577f9509" alt="light logo"/><img class="nav-logo w-auto relative object-contain shrink-0 hidden dark:block max-w-48 h-[26px]" src="https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/dark.svg?fit=max&auto=format&n=o69F7a6qoW9vboof&q=85&s=0766b3221061e80143e9f300733e640b" alt="dark logo"/></a><div class="gap-4 min-w-[140px] max-w-[492px] flex-wrap h-fit flex justify-end md:justify-start"><a href="https://x.com/AnthropicAI" target="_blank" class="h-fit"><span class="sr-only">x</span><svg class="w-5 h-5 bg-gray-500 dark:bg-gray-600 hover:bg-gray-600 dark:hover:bg-gray-500" style="-webkit-mask-image:url(https://d3gk2c5xim1je2.cloudfront.net/v7.1.0/brands/x-twitter.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:url(https://d3gk2c5xim1je2.cloudfront.net/v7.1.0/brands/x-twitter.svg);mask-repeat:no-repeat;mask-position:center"></svg></a><a href="https://www.linkedin.com/company/anthropicresearch" target="_blank" class="h-fit"><span class="sr-only">linkedin</span><svg class="w-5 h-5 bg-gray-500 dark:bg-gray-600 hover:bg-gray-600 dark:hover:bg-gray-500" style="-webkit-mask-image:url(https://d3gk2c5xim1je2.cloudfront.net/v7.1.0/brands/linkedin.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:url(https://d3gk2c5xim1je2.cloudfront.net/v7.1.0/brands/linkedin.svg);mask-repeat:no-repeat;mask-position:center"></svg></a></div></div><div class="flex flex-col sm:grid max-md:!grid-cols-2 gap-8 flex-1" style="grid-template-columns:repeat(4, minmax(0, 1fr))"><div class="flex flex-col gap-4 flex-1 whitespace-nowrap w-full md:items-center"><div class="flex gap-4 flex-col"><p class="text-sm font-semibold text-gray-950 dark:text-white mb-1">Company</p><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/company" target="_blank" rel="noreferrer">Anthropic</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/careers" target="_blank" rel="noreferrer">Careers</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/economic-futures" target="_blank" rel="noreferrer">Economic Futures</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/research" target="_blank" rel="noreferrer">Research</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/news" target="_blank" rel="noreferrer">News</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://trust.anthropic.com/" target="_blank" rel="noreferrer">Trust center</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/transparency" target="_blank" rel="noreferrer">Transparency</a></div></div><div class="flex flex-col gap-4 flex-1 whitespace-nowrap w-full md:items-center"><div class="flex gap-4 flex-col"><p class="text-sm font-semibold text-gray-950 dark:text-white mb-1">Help and security</p><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/supported-countries" target="_blank" rel="noreferrer">Availability</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://status.anthropic.com/" target="_blank" rel="noreferrer">Status</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://support.claude.com/" target="_blank" rel="noreferrer">Support center</a></div></div><div class="flex flex-col gap-4 flex-1 whitespace-nowrap w-full md:items-center"><div class="flex gap-4 flex-col"><p class="text-sm font-semibold text-gray-950 dark:text-white mb-1">Learn</p><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/learn" target="_blank" rel="noreferrer">Courses</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://claude.com/partners/mcp" target="_blank" rel="noreferrer">MCP connectors</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.claude.com/customers" target="_blank" rel="noreferrer">Customer stories</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/engineering" target="_blank" rel="noreferrer">Engineering blog</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/events" target="_blank" rel="noreferrer">Events</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://claude.com/partners/powered-by-claude" target="_blank" rel="noreferrer">Powered by Claude</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://claude.com/partners/services" target="_blank" rel="noreferrer">Service partners</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://claude.com/programs/startups" target="_blank" rel="noreferrer">Startups program</a></div></div><div class="flex flex-col gap-4 flex-1 whitespace-nowrap w-full md:items-center"><div class="flex gap-4 flex-col"><p class="text-sm font-semibold text-gray-950 dark:text-white mb-1">Terms and policies</p><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/legal/privacy" target="_blank" rel="noreferrer">Privacy policy</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/responsible-disclosure-policy" target="_blank" rel="noreferrer">Disclosure policy</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/legal/aup" target="_blank" rel="noreferrer">Usage policy</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/legal/commercial-terms" target="_blank" rel="noreferrer">Commercial terms</a><a class="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href="https://www.anthropic.com/legal/consumer-terms" target="_blank" rel="noreferrer">Consumer terms</a></div></div></div></div></div></footer></div></div></div><script src="/docs/_next/static/chunks/webpack-171c0943acd6b430.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[85341,[],\"\"]\n"])</script><script>self.__next_f.push([1,"3:I[2510,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"30479\",\"static/chunks/30479-68a79694ab7750c6.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"18039\",\"static/chunks/app/error-85dc9bbc7f2b9b3f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"default\",1]\n"])</script><script>self.__next_f.push([1,"4:I[90025,[],\"\"]\n"])</script><script>self.__next_f.push([1,"5:I[51749,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"ThemeProvider\",1]\n"])</script><script>self.__next_f.push([1,"6:I[35021,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"ColorVariables\",1]\n"])</script><script>self.__next_f.push([1,"7:I[26790,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"FontScript\",1]\n"])</script><script>self.__next_f.push([1,"8:I[24223,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"RoundedVariables\"]\n"])</script><script>self.__next_f.push([1,"9:I[48622,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"92967\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/not-found-5eb99b67cb6ea223.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"RecommendedPagesList\"]\n"])</script><script>self.__next_f.push([1,"a:I[69206,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"30479\",\"static/chunks/30479-68a79694ab7750c6.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"9249\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/error-2bc09d7a501424e3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"default\",1]\n"])</script><script>self.__next_f.push([1,"14:I[34431,[],\"\"]\n:HL[\"/docs/_next/static/media/bb3ef058b751a6ad-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/docs/_next/static/media/c4b700dcb2187787-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/docs/_next/static/media/e4af272ccee01ff0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/docs/_next/static/css/b864dec2fc058581.css?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"style\"]\n:HL[\"/docs/_next/static/css/93bac6dd9c729729.css?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"style\"]\n:HL[\"/docs/_next/static/css/05d6d8fcb903870d.css?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"bTGptXn5smWKOXkydqiV4\",\"p\":\"/docs\",\"c\":[\"\",\"_sites\",\"claude-code\",\"en\",\"skills\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"%5Fsites\",{\"children\":[[\"subdomain\",\"claude-code\",\"d\"],{\"children\":[\"(multitenant)\",{\"topbar\":[\"(slot)\",{\"children\":[[\"slug\",\"en/skills\",\"oc\"],{\"children\":[\"__PAGE__\",{}]}]}],\"children\":[[\"slug\",\"en/skills\",\"oc\"],{\"children\":[\"__PAGE__\",{}]}]}]}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/docs/_next/static/css/b864dec2fc058581.css?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/docs/_next/static/css/93bac6dd9c729729.css?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"suppressHydrationWarning\":true,\"lang\":\"en\",\"className\":\"__variable_ed9089 __variable_ea4744 dark\",\"data-banner-state\":\"visible\",\"data-page-mode\":\"none\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"script\",null,{\"type\":\"text/javascript\",\"dangerouslySetInnerHTML\":{\"__html\":\"(function(a,b){try{let c=document.getElementById(\\\"banner\\\")?.innerText;if(c){for(let d=0;d\u003clocalStorage.length;d++){let e=localStorage.key(d);if(e?.endsWith(a)\u0026\u0026localStorage.getItem(e)===c)return void document.documentElement.setAttribute(b,\\\"hidden\\\")}document.documentElement.setAttribute(b,\\\"visible\\\");return}for(let c=0;c\u003clocalStorage.length;c++){let d=localStorage.key(c);if(d?.endsWith(a)\u0026\u0026localStorage.getItem(d))return void document.documentElement.setAttribute(b,\\\"hidden\\\")}document.documentElement.setAttribute(b,\\\"visible\\\")}catch(a){document.documentElement.setAttribute(b,\\\"hidden\\\")}})(\\n \\\"bannerDismissed\\\",\\n \\\"data-banner-state\\\",\\n)\"}}],false]}],[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$3\",\"errorStyles\":[],\"errorScripts\":[],\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$L5\",null,{\"children\":[[\"$\",\"$L6\",null,{}],[\"$\",\"$L7\",null,{}],[\"$\",\"$L8\",null,{}],[\"$\",\"style\",null,{\"children\":\":root {\\n --primary: 17 120 102;\\n --primary-light: 74 222 128;\\n --primary-dark: 22 101 52;\\n --background-light: 255 255 255;\\n --background-dark: 15 17 23;\\n}\"}],[\"$\",\"main\",null,{\"className\":\"h-screen bg-background-light dark:bg-background-dark text-left\",\"children\":[\"$\",\"article\",null,{\"className\":\"bg-custom bg-fixed bg-center bg-cover relative flex flex-col items-center justify-center h-full\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full max-w-xl px-10\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-flex mb-6 rounded-full px-3 py-1 text-sm font-semibold mr-4 text-white p-1 bg-primary\",\"children\":[\"Error \",404]}],[\"$\",\"h1\",null,{\"className\":\"font-semibold mb-3 text-3xl\",\"children\":\"Page not found!\"}],[\"$\",\"p\",null,{\"className\":\"text-lg text-gray-600 dark:text-gray-400 mb-6\",\"children\":\"We couldn't find the page.\"}],[\"$\",\"$L9\",null,{}]]}]}]}]]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],null]}]]}]]}],{\"children\":[\"%5Fsites\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"subdomain\",\"claude-code\",\"d\"],[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$a\",\"errorStyles\":[],\"errorScripts\":[],\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$L5\",null,{\"children\":[[\"$\",\"$L6\",null,{}],[\"$\",\"$L7\",null,{}],[\"$\",\"$L8\",null,{}],[\"$\",\"style\",null,{\"children\":\":root {\\n --primary: 17 120 102;\\n --primary-light: 74 222 128;\\n --primary-dark: 22 101 52;\\n --background-light: 255 255 255;\\n --background-dark: 15 17 23;\\n}\"}],[\"$\",\"main\",null,{\"className\":\"h-screen bg-background-light dark:bg-background-dark text-left\",\"children\":[\"$\",\"article\",null,{\"className\":\"bg-custom bg-fixed bg-center bg-cover relative flex flex-col items-center justify-center h-full\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full max-w-xl px-10\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-flex mb-6 rounded-full px-3 py-1 text-sm font-semibold mr-4 text-white p-1 bg-primary\",\"children\":[\"Error \",404]}],[\"$\",\"h1\",null,{\"className\":\"font-semibold mb-3 text-3xl\",\"children\":\"Page not found!\"}],\"$Lb\",\"$Lc\"]}]}]}]]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"(multitenant)\",\"$Ld\",{\"topbar\":[\"(slot)\",\"$Le\",{\"children\":[[\"slug\",\"en/skills\",\"oc\"],\"$Lf\",{\"children\":[\"__PAGE__\",\"$L10\",{},null,false]},null,false]},null,false],\"children\":[[\"slug\",\"en/skills\",\"oc\"],\"$L11\",{\"children\":[\"__PAGE__\",\"$L12\",{},null,false]},null,false]},null,false]},null,false]},null,false]},null,false],\"$L13\",false]],\"m\":\"$undefined\",\"G\":[\"$14\",[]],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"17:I[15104,[],\"OutletBoundary\"]\n1c:I[94777,[],\"AsyncMetadataOutlet\"]\n1e:I[15104,[],\"ViewportBoundary\"]\n20:I[15104,[],\"MetadataBoundary\"]\n21:\"$Sreact.suspense\"\nb:[\"$\",\"p\",null,{\"className\":\"text-lg text-gray-600 dark:text-gray-400 mb-6\",\"children\":\"We couldn't find the page.\"}]\nc:[\"$\",\"$L9\",null,{}]\nd:[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/docs/_next/static/css/05d6d8fcb903870d.css?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],\"$L15\"]}]\ne:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\nf:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n10:[\"$\",\"$1\",\"c\",{\"children\":[\"$L16\",null,[\"$\",\"$L17\",null,{\"children\":[\"$L18\",\"$L19\"]}]]}]\n11:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n12:[\"$\",\"$1\",\"c\",{\"children\":[\"$L1a\",null,[\"$\",\"$L17\",null,{\"children\":[\"$L1b\",[\"$\",\"$L1c\",null,{\"promise\":\"$@1d\"}]]}]]}]\n13:[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$L1e\",null,{\"children\":\"$L1f\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]],[\"$\",\"$L20\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$21\",null,{\"fallback\":null,\"children\":\"$L22\"}]}]}]]}]\n"])</script><script>self.__next_f.push([1,"18:null\n19:null\n"])</script><script>self.__next_f.push([1,"1f:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover\"}]]\n1b:null\n"])</script><script>self.__next_f.push([1,"1d:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"Extend Claude with skills - Claude Code Docs\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"application-name\",\"content\":\"Claude Code Docs\"}],[\"$\",\"meta\",\"3\",{\"name\":\"generator\",\"content\":\"Mintlify\"}],[\"$\",\"meta\",\"4\",{\"name\":\"msapplication-config\",\"content\":\"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/browserconfig.xml\"}],[\"$\",\"meta\",\"5\",{\"name\":\"apple-mobile-web-app-title\",\"content\":\"Claude Code Docs\"}],[\"$\",\"meta\",\"6\",{\"name\":\"msapplication-TileColor\",\"content\":\"#0E0E0E\"}],[\"$\",\"meta\",\"7\",{\"name\":\"charset\",\"content\":\"utf-8\"}],[\"$\",\"meta\",\"8\",{\"name\":\"og:site_name\",\"content\":\"Claude Code Docs\"}],[\"$\",\"meta\",\"9\",{\"name\":\"canonical\",\"content\":\"https://code.claude.com/docs/en/skills\"}],[\"$\",\"link\",\"10\",{\"rel\":\"canonical\",\"href\":\"https://code.claude.com/docs/en/skills\"}],[\"$\",\"link\",\"11\",{\"rel\":\"alternate\",\"type\":\"application/xml\",\"href\":\"/docs/sitemap.xml\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:title\",\"content\":\"Extend Claude with skills - Claude Code Docs\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:description\",\"content\":\"Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands.\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:url\",\"content\":\"https://code.claude.com/docs/en/skills\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:image\",\"content\":\"https://claude-code.mintlify.app/_next/image?url=%2F_mintlify%2Fapi%2Fog%3Fdivision%3DBuild%2Bwith%2BClaude%2BCode%26appearance%3Dsystem%26title%3DExtend%2BClaude%2Bwith%2Bskills%26description%3DCreate%252C%2Bmanage%252C%2Band%2Bshare%2Bskills%2Bto%2Bextend%2BClaude%2527s%2Bcapabilities%2Bin%2BClaude%2BCode.%2BIncludes%2Bcustom%2Bslash%2Bcommands.%26logoLight%3Dhttps%253A%252F%252Fmintcdn.com%252Fclaude-code%252Fo69F7a6qoW9vboof%252Flogo%252Flight.svg%253Ffit%253Dmax%2526auto%253Dformat%2526n%253Do69F7a6qoW9vboof%2526q%253D85%2526s%253D536eade682636e84231afce2577f9509%26logoDark%3Dhttps%253A%252F%252Fmintcdn.com%252Fclaude-code%252Fo69F7a6qoW9vboof%252Flogo%252Fdark.svg%253Ffit%253Dmax%2526auto%253Dformat%2526n%253Do69F7a6qoW9vboof%2526q%253D85%2526s%253D0766b3221061e80143e9f300733e640b%26primaryColor%3D%25230E0E0E%26lightColor%3D%2523D4A27F%26darkColor%3D%25230E0E0E%26backgroundLight%3D%2523FDFDF7%26backgroundDark%3D%252309090B\u0026w=1200\u0026q=100\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:title\",\"content\":\"Extend Claude with skills - Claude Code Docs\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:description\",\"content\":\"Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands.\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:image\",\"content\":\"https://claude-code.mintlify.app/_next/image?url=%2F_mintlify%2Fapi%2Fog%3Fdivision%3DBuild%2Bwith%2BClaude%2BCode%26appearance%3Dsystem%26title%3DExtend%2BClaude%2Bwith%2Bskills%26description%3DCreate%252C%2Bmanage%252C%2Band%2Bshare%2Bskills%2Bto%2Bextend%2BClaude%2527s%2Bcapabilities%2Bin%2BClaude%2BCode.%2BIncludes%2Bcustom%2Bslash%2Bcommands.%26logoLight%3Dhttps%253A%252F%252Fmintcdn.com%252Fclaude-code%252Fo69F7a6qoW9vboof%252Flogo%252Flight.svg%253Ffit%253Dmax%2526auto%253Dformat%2526n%253Do69F7a6qoW9vboof%2526q%253D85%2526s%253D536eade682636e84231afce2577f9509%26logoDark%3Dhttps%253A%252F%252Fmintcdn.com%252Fclaude-code%252Fo69F7a6qoW9vboof%252Flogo%252Fdark.svg%253Ffit%253Dmax%2526auto%253Dformat%2526n%253Do69F7a6qoW9vboof%2526q%253D85%2526s%253D0766b3221061e80143e9f300733e640b%26primaryColor%3D%25230E0E0E%26lightColor%3D%2523D4A27F%26darkColor%3D%25230E0E0E%26backgroundLight%3D%2523FDFDF7%26backgroundDark%3D%252309090B\u0026w=1200\u0026q=100\"}],\"$L23\",\"$L24\",\"$L25\",\"$L26\",\"$L27\",\"$L28\",\"$L29\",\"$L2a\",\"$L2b\",\"$L2c\"],\"error\":null,\"digest\":\"$undefined\"}\n"])</script><script>self.__next_f.push([1,"22:\"$1d:metadata\"\n"])</script><script>self.__next_f.push([1,"2d:I[36505,[],\"IconMark\"]\n23:[\"$\",\"meta\",\"23\",{\"name\":\"twitter:image:width\",\"content\":\"1200\"}]\n24:[\"$\",\"meta\",\"24\",{\"name\":\"twitter:image:height\",\"content\":\"630\"}]\n25:[\"$\",\"link\",\"25\",{\"rel\":\"apple-touch-icon\",\"href\":\"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/apple-touch-icon.png\",\"type\":\"image/png\",\"sizes\":\"180x180\",\"media\":\"$undefined\"}]\n26:[\"$\",\"link\",\"26\",{\"rel\":\"icon\",\"href\":\"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/favicon-16x16.png\",\"type\":\"image/png\",\"sizes\":\"16x16\",\"media\":\"(prefers-color-scheme: light)\"}]\n27:[\"$\",\"link\",\"27\",{\"rel\":\"icon\",\"href\":\"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/favicon-32x32.png\",\"type\":\"image/png\",\"sizes\":\"32x32\",\"media\":\"(prefers-color-scheme: light)\"}]\n28:[\"$\",\"link\",\"28\",{\"rel\":\"shortcut icon\",\"href\":\"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"$undefined\",\"media\":\"(prefers-color-scheme: light)\"}]\n29:[\"$\",\"link\",\"29\",{\"rel\":\"icon\",\"href\":\"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon-dark/favicon-16x16.png\",\"type\":\"image/png\",\"sizes\":\"16x16\",\"media\":\"(prefers-color-scheme: dark)\"}]\n2a:[\"$\",\"link\",\"30\",{\"rel\":\"icon\",\"href\":\"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon-dark/favicon-32x32.png\",\"type\":\"image/png\",\"sizes\":\"32x32\",\"media\":\"(prefers-color-scheme: dark)\"}]\n2b:[\"$\",\"link\",\"31\",{\"rel\":\"shortcut icon\",\"href\":\"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon-dark/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"$undefined\",\"media\":\"(prefers-color-scheme: dark)\"}]\n2c:[\"$\",\"$L2d\",\"32\",{}]\n"])</script><script>self.__next_f.push([1,"2e:I[71252,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"LivePreviewProvider\"]\n"])</script><script>self.__next_f.push([1,"2f:I[45165,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"\"]\n"])</script><script>self.__next_f.push([1,"30:I[49769,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"31:I[30793,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"AuthProvider\",1]\n"])</script><script>self.__next_f.push([1,"32:I[30793,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"DeploymentMetadataProvider\",1]\n"])</script><script>self.__next_f.push([1,"33:I[30793,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"DocsConfigProvider\",1]\n"])</script><script>self.__next_f.push([1,"15:[\"$\",\"$L2e\",null,{\"isLivePreviewRoute\":false,\"children\":[\"$\",\"$L5\",null,{\"appearance\":{\"default\":\"system\"},\"codeblockTheme\":\"system\",\"children\":[false,[\"$\",\"$L2f\",null,{\"id\":\"_mintlify-banner-script\",\"strategy\":\"beforeInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"(function j(a,b,c,d,e){try{let f,g,h=[];try{h=window.location.pathname.split(\\\"/\\\").filter(a=\u003e\\\"\\\"!==a\u0026\u0026\\\"global\\\"!==a).slice(0,2)}catch{h=[]}let i=h.find(a=\u003ec.includes(a)),j=[];for(let c of(i?j.push(i):j.push(b),j.push(\\\"global\\\"),j)){if(!c)continue;let b=a[c];if(b?.content){f=b.content,g=c;break}}if(!f)return void document.documentElement.setAttribute(d,\\\"hidden\\\");let k=!0,l=0;for(;l\u003clocalStorage.length;){let a=localStorage.key(l);if(l++,!a?.endsWith(e))continue;let b=localStorage.getItem(a);if(b\u0026\u0026b===f){k=!1;break}g\u0026\u0026(a.startsWith(`lang:${g}_`)||!a.startsWith(\\\"lang:\\\"))\u0026\u0026(localStorage.removeItem(a),l--)}document.documentElement.setAttribute(d,k?\\\"visible\\\":\\\"hidden\\\")}catch(a){console.error(a),document.documentElement.setAttribute(d,\\\"hidden\\\")}})(\\n {},\\n \\\"en\\\",\\n [\\\"en\\\",\\\"fr\\\",\\\"de\\\",\\\"it\\\",\\\"jp\\\",\\\"es\\\",\\\"ko\\\",\\\"cn\\\",\\\"zh-Hant\\\",\\\"ru\\\",\\\"id\\\",\\\"pt-BR\\\"],\\n \\\"data-banner-state\\\",\\n \\\"bannerDismissed\\\",\\n)\"}}],[\"$\",\"$L30\",null,{\"appId\":\"$undefined\",\"autoBoot\":true,\"children\":[\"$\",\"$L31\",null,{\"value\":{\"auth\":\"$undefined\",\"userAuth\":\"$undefined\"},\"children\":[\"$\",\"$L32\",null,{\"value\":{\"subdomain\":\"claude-code\",\"actualSubdomain\":\"claude-code\",\"gitSource\":{\"type\":\"github\",\"owner\":\"anthropics\",\"repo\":\"claude-code-docs\",\"deployBranch\":\"main\",\"contentDirectory\":\"\",\"isPrivate\":true},\"inkeep\":\"$undefined\",\"trieve\":{\"datasetId\":\"742384b6-79fb-49eb-ab37-c53e858af6ad\",\"expectedChunkCount\":20870},\"feedback\":{\"thumbs\":true},\"entitlements\":{\"AI_CHAT\":{\"status\":\"ENABLED\"},\"REMOVE_BRANDING\":{\"status\":\"ENABLED\"},\"CONTEXTUAL_FEEDBACK\":{\"status\":\"ENABLED\",\"enabled\":\"ENABLED\"},\"CODE_SNIPPET_FEEDBACK\":{\"status\":\"ENABLED\",\"enabled\":\"ENABLED\"}},\"buildId\":\"699370cd485147d7463166f8:success\",\"clientVersion\":\"0.0.2493\",\"preview\":\"$undefined\"},\"children\":[\"$\",\"$L33\",null,{\"value\":{\"docsConfig\":{\"theme\":\"mint\",\"$schema\":\"https://mintlify.com/docs.json\",\"name\":\"Claude Code Docs\",\"colors\":{\"primary\":\"#0E0E0E\",\"light\":\"#D4A27F\",\"dark\":\"#0E0E0E\"},\"logo\":{\"light\":\"https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/light.svg?fit=max\u0026auto=format\u0026n=o69F7a6qoW9vboof\u0026q=85\u0026s=536eade682636e84231afce2577f9509\",\"dark\":\"https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/dark.svg?fit=max\u0026auto=format\u0026n=o69F7a6qoW9vboof\u0026q=85\u0026s=0766b3221061e80143e9f300733e640b\"},\"favicon\":\"/favicon.ico\",\"appearance\":\"$15:props:children:props:appearance\",\"background\":{\"color\":{\"light\":\"#FDFDF7\",\"dark\":\"#09090B\"}},\"navbar\":{\"links\":[{\"href\":\"https://platform.claude.com/\",\"label\":\"Claude Developer Platform\"}],\"primary\":{\"type\":\"button\",\"label\":\"Claude Code on the Web\",\"href\":\"https://claude.ai/code\"}},\"navigation\":{\"languages\":[{\"language\":\"en\",\"tabs\":[{\"tab\":\"Getting started\",\"groups\":[{\"group\":\"Getting started\",\"pages\":[\"en/overview\",\"en/quickstart\",\"en/changelog\"]},{\"group\":\"Core concepts\",\"pages\":[\"en/how-claude-code-works\",\"en/features-overview\",\"en/common-workflows\",\"en/best-practices\"]},{\"group\":\"Platforms and integrations\",\"pages\":[\"en/claude-code-on-the-web\",{\"group\":\"Claude Code on desktop\",\"pages\":[\"en/desktop-quickstart\",\"en/desktop\"]},\"en/chrome\",\"en/vs-code\",\"en/jetbrains\",\"en/github-actions\",\"en/gitlab-ci-cd\",\"en/slack\"]}]},{\"tab\":\"Build with Claude Code\",\"groups\":[{\"group\":\"Build with Claude Code\",\"pages\":[\"en/sub-agents\",\"en/agent-teams\",\"en/plugins\",\"en/discover-plugins\",\"en/skills\",\"en/output-styles\",\"en/hooks-guide\",\"en/headless\",\"en/mcp\",\"en/troubleshooting\"]}]},{\"tab\":\"Deployment\",\"groups\":[{\"group\":\"Deployment\",\"pages\":[\"en/third-party-integrations\",\"en/amazon-bedrock\",\"en/google-vertex-ai\",\"en/microsoft-foundry\",\"en/network-config\",\"en/llm-gateway\",\"en/devcontainer\"]}]},{\"tab\":\"Administration\",\"groups\":[{\"group\":\"Administration\",\"pages\":[\"en/setup\",\"en/authentication\",\"en/security\",\"en/server-managed-settings\",\"en/data-usage\",\"en/monitoring-usage\",\"en/costs\",\"en/analytics\",\"en/plugin-marketplaces\"]}]},{\"tab\":\"Configuration\",\"groups\":[{\"group\":\"Configuration\",\"pages\":[\"en/settings\",\"en/permissions\",\"en/sandboxing\",\"en/terminal-config\",\"en/model-config\",\"en/fast-mode\",\"en/memory\",\"en/statusline\",\"en/keybindings\"]}]},{\"tab\":\"Reference\",\"groups\":[{\"group\":\"Reference\",\"pages\":[\"en/cli-reference\",\"en/interactive-mode\",\"en/checkpointing\",\"en/hooks\",\"en/plugins-reference\"]}]},{\"tab\":\"Resources\",\"groups\":[{\"group\":\"Resources\",\"pages\":[\"en/legal-and-compliance\"]}]}]},{\"language\":\"fr\",\"tabs\":[{\"tab\":\"Démarrer\",\"groups\":[{\"group\":\"Démarrer\",\"pages\":[\"fr/overview\",\"fr/quickstart\",\"fr/changelog\"]},{\"group\":\"Concepts fondamentaux\",\"pages\":[\"fr/how-claude-code-works\",\"fr/features-overview\",\"fr/common-workflows\",\"fr/best-practices\"]},{\"group\":\"Plateformes et intégrations\",\"pages\":[\"fr/claude-code-on-the-web\",{\"group\":\"Claude Code sur ordinateur\",\"pages\":[\"fr/desktop-quickstart\",\"fr/desktop\"]},\"fr/chrome\",\"fr/vs-code\",\"fr/jetbrains\",\"fr/github-actions\",\"fr/gitlab-ci-cd\",\"fr/slack\"]}]},{\"tab\":\"Créer avec Claude Code\",\"groups\":[{\"group\":\"Créer avec Claude Code\",\"pages\":[\"fr/sub-agents\",\"fr/agent-teams\",\"fr/plugins\",\"fr/discover-plugins\",\"fr/skills\",\"fr/output-styles\",\"fr/hooks-guide\",\"fr/headless\",\"fr/mcp\",\"fr/troubleshooting\"]}]},{\"tab\":\"Déploiement\",\"groups\":[{\"group\":\"Déploiement\",\"pages\":[\"fr/third-party-integrations\",\"fr/amazon-bedrock\",\"fr/google-vertex-ai\",\"fr/microsoft-foundry\",\"fr/network-config\",\"fr/llm-gateway\",\"fr/devcontainer\"]}]},{\"tab\":\"Administration\",\"groups\":[{\"group\":\"Administration\",\"pages\":[\"fr/setup\",\"fr/authentication\",\"fr/security\",\"fr/server-managed-settings\",\"fr/data-usage\",\"fr/monitoring-usage\",\"fr/costs\",\"fr/analytics\",\"fr/plugin-marketplaces\"]}]},{\"tab\":\"Configuration\",\"groups\":[{\"group\":\"Configuration\",\"pages\":[\"fr/settings\",\"fr/permissions\",\"fr/sandboxing\",\"fr/terminal-config\",\"fr/model-config\",\"fr/fast-mode\",\"fr/memory\",\"fr/statusline\",\"fr/keybindings\"]}]},{\"tab\":\"Référence\",\"groups\":[{\"group\":\"Référence\",\"pages\":[\"fr/cli-reference\",\"fr/interactive-mode\",\"fr/checkpointing\",\"fr/hooks\",\"fr/plugins-reference\"]}]},{\"tab\":\"Ressources\",\"groups\":[{\"group\":\"Ressources\",\"pages\":[\"fr/legal-and-compliance\"]}]}]},{\"language\":\"de\",\"tabs\":[{\"tab\":\"Erste Schritte\",\"groups\":[{\"group\":\"Erste Schritte\",\"pages\":[\"de/overview\",\"de/quickstart\",\"de/changelog\"]},{\"group\":\"Kernkonzepte\",\"pages\":[\"de/how-claude-code-works\",\"de/features-overview\",\"de/common-workflows\",\"de/best-practices\"]},{\"group\":\"Plattformen und Integrationen\",\"pages\":[\"de/claude-code-on-the-web\",{\"group\":\"Claude Code auf dem Desktop\",\"pages\":[\"de/desktop-quickstart\",\"de/desktop\"]},\"de/chrome\",\"de/vs-code\",\"de/jetbrains\",\"de/github-actions\",\"de/gitlab-ci-cd\",\"de/slack\"]}]},{\"tab\":\"Mit Claude Code erstellen\",\"groups\":[{\"group\":\"Mit Claude Code erstellen\",\"pages\":[\"de/sub-agents\",\"de/agent-teams\",\"de/plugins\",\"de/discover-plugins\",\"de/skills\",\"de/output-styles\",\"de/hooks-guide\",\"de/headless\",\"de/mcp\",\"de/troubleshooting\"]}]},{\"tab\":\"Bereitstellung\",\"groups\":[{\"group\":\"Bereitstellung\",\"pages\":[\"de/third-party-integrations\",\"de/amazon-bedrock\",\"de/google-vertex-ai\",\"de/microsoft-foundry\",\"de/network-config\",\"de/llm-gateway\",\"de/devcontainer\"]}]},{\"tab\":\"Verwaltung\",\"groups\":[{\"group\":\"Verwaltung\",\"pages\":[\"de/setup\",\"de/authentication\",\"de/security\",\"de/server-managed-settings\",\"de/data-usage\",\"de/monitoring-usage\",\"de/costs\",\"de/analytics\",\"de/plugin-marketplaces\"]}]},{\"tab\":\"Konfiguration\",\"groups\":[{\"group\":\"Konfiguration\",\"pages\":[\"de/settings\",\"de/permissions\",\"de/sandboxing\",\"de/terminal-config\",\"de/model-config\",\"de/fast-mode\",\"de/memory\",\"de/statusline\",\"de/keybindings\"]}]},{\"tab\":\"Referenz\",\"groups\":[{\"group\":\"Referenz\",\"pages\":[\"de/cli-reference\",\"de/interactive-mode\",\"de/checkpointing\",\"de/hooks\",\"de/plugins-reference\"]}]},{\"tab\":\"Ressourcen\",\"groups\":[{\"group\":\"Ressourcen\",\"pages\":[\"de/legal-and-compliance\"]}]}]},{\"language\":\"it\",\"tabs\":[{\"tab\":\"Guida introduttiva\",\"groups\":[{\"group\":\"Guida introduttiva\",\"pages\":[\"it/overview\",\"it/quickstart\",\"it/changelog\"]},{\"group\":\"Concetti fondamentali\",\"pages\":[\"it/how-claude-code-works\",\"it/features-overview\",\"it/common-workflows\",\"it/best-practices\"]},{\"group\":\"Piattaforme e integrazioni\",\"pages\":[\"it/claude-code-on-the-web\",{\"group\":\"Claude Code sul desktop\",\"pages\":[\"it/desktop-quickstart\",\"it/desktop\"]},\"it/chrome\",\"it/vs-code\",\"it/jetbrains\",\"it/github-actions\",\"it/gitlab-ci-cd\",\"it/slack\"]}]},{\"tab\":\"Sviluppate con Claude Code\",\"groups\":[{\"group\":\"Sviluppate con Claude Code\",\"pages\":[\"it/sub-agents\",\"it/agent-teams\",\"it/plugins\",\"it/discover-plugins\",\"it/skills\",\"it/output-styles\",\"it/hooks-guide\",\"it/headless\",\"it/mcp\",\"it/troubleshooting\"]}]},{\"tab\":\"Distribuzione\",\"groups\":[{\"group\":\"Distribuzione\",\"pages\":[\"it/third-party-integrations\",\"it/amazon-bedrock\",\"it/google-vertex-ai\",\"it/microsoft-foundry\",\"it/network-config\",\"it/llm-gateway\",\"it/devcontainer\"]}]},{\"tab\":\"Amministrazione\",\"groups\":[{\"group\":\"Amministrazione\",\"pages\":[\"it/setup\",\"it/authentication\",\"it/security\",\"it/server-managed-settings\",\"it/data-usage\",\"it/monitoring-usage\",\"it/costs\",\"it/analytics\",\"it/plugin-marketplaces\"]}]},{\"tab\":\"Configurazione\",\"groups\":[{\"group\":\"Configurazione\",\"pages\":[\"it/settings\",\"it/permissions\",\"it/sandboxing\",\"it/terminal-config\",\"it/model-config\",\"it/fast-mode\",\"it/memory\",\"it/statusline\",\"it/keybindings\"]}]},{\"tab\":\"Riferimento\",\"groups\":[{\"group\":\"Riferimento\",\"pages\":[\"it/cli-reference\",\"it/interactive-mode\",\"it/checkpointing\",\"it/hooks\",\"it/plugins-reference\"]}]},{\"tab\":\"Risorse\",\"groups\":[{\"group\":\"Risorse\",\"pages\":[\"it/legal-and-compliance\"]}]}]},{\"language\":\"jp\",\"tabs\":[{\"tab\":\"はじめに\",\"groups\":[{\"group\":\"はじめに\",\"pages\":[\"ja/overview\",\"ja/quickstart\",\"ja/changelog\"]},{\"group\":\"コア概念\",\"pages\":[\"ja/how-claude-code-works\",\"ja/features-overview\",\"ja/common-workflows\",\"ja/best-practices\"]},{\"group\":\"プラットフォームと統合\",\"pages\":[\"ja/claude-code-on-the-web\",{\"group\":\"Claude Code デスクトップ版\",\"pages\":[\"ja/desktop-quickstart\",\"ja/desktop\"]},\"ja/chrome\",\"ja/vs-code\",\"ja/jetbrains\",\"ja/github-actions\",\"ja/gitlab-ci-cd\",\"ja/slack\"]}]},{\"tab\":\"Claude Code で構築する\",\"groups\":[{\"group\":\"Claude Code で構築する\",\"pages\":[\"ja/sub-agents\",\"ja/agent-teams\",\"ja/plugins\",\"ja/discover-plugins\",\"ja/skills\",\"ja/output-styles\",\"ja/hooks-guide\",\"ja/headless\",\"ja/mcp\",\"ja/troubleshooting\"]}]},{\"tab\":\"デプロイ\",\"groups\":[{\"group\":\"デプロイ\",\"pages\":[\"ja/third-party-integrations\",\"ja/amazon-bedrock\",\"ja/google-vertex-ai\",\"ja/microsoft-foundry\",\"ja/network-config\",\"ja/llm-gateway\",\"ja/devcontainer\"]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[\"ja/setup\",\"ja/authentication\",\"ja/security\",\"ja/server-managed-settings\",\"ja/data-usage\",\"ja/monitoring-usage\",\"ja/costs\",\"ja/analytics\",\"ja/plugin-marketplaces\"]}]},{\"tab\":\"設定\",\"groups\":[{\"group\":\"設定\",\"pages\":[\"ja/settings\",\"ja/permissions\",\"ja/sandboxing\",\"ja/terminal-config\",\"ja/model-config\",\"ja/fast-mode\",\"ja/memory\",\"ja/statusline\",\"ja/keybindings\"]}]},{\"tab\":\"リファレンス\",\"groups\":[{\"group\":\"リファレンス\",\"pages\":[\"ja/cli-reference\",\"ja/interactive-mode\",\"ja/checkpointing\",\"ja/hooks\",\"ja/plugins-reference\"]}]},{\"tab\":\"リソース\",\"groups\":[{\"group\":\"リソース\",\"pages\":[\"ja/legal-and-compliance\"]}]}]},{\"language\":\"es\",\"tabs\":[{\"tab\":\"Primeros pasos\",\"groups\":[{\"group\":\"Primeros pasos\",\"pages\":[\"es/overview\",\"es/quickstart\",\"es/changelog\"]},{\"group\":\"Conceptos fundamentales\",\"pages\":[\"es/how-claude-code-works\",\"es/features-overview\",\"es/common-workflows\",\"es/best-practices\"]},{\"group\":\"Plataformas e integraciones\",\"pages\":[\"es/claude-code-on-the-web\",{\"group\":\"Claude Code en escritorio\",\"pages\":[\"es/desktop-quickstart\",\"es/desktop\"]},\"es/chrome\",\"es/vs-code\",\"es/jetbrains\",\"es/github-actions\",\"es/gitlab-ci-cd\",\"es/slack\"]}]},{\"tab\":\"Crear con Claude Code\",\"groups\":[{\"group\":\"Crear con Claude Code\",\"pages\":[\"es/sub-agents\",\"es/agent-teams\",\"es/plugins\",\"es/discover-plugins\",\"es/skills\",\"es/output-styles\",\"es/hooks-guide\",\"es/headless\",\"es/mcp\",\"es/troubleshooting\"]}]},{\"tab\":\"Implementación\",\"groups\":[{\"group\":\"Implementación\",\"pages\":[\"es/third-party-integrations\",\"es/amazon-bedrock\",\"es/google-vertex-ai\",\"es/microsoft-foundry\",\"es/network-config\",\"es/llm-gateway\",\"es/devcontainer\"]}]},{\"tab\":\"Administración\",\"groups\":[{\"group\":\"Administración\",\"pages\":[\"es/setup\",\"es/authentication\",\"es/security\",\"es/server-managed-settings\",\"es/data-usage\",\"es/monitoring-usage\",\"es/costs\",\"es/analytics\",\"es/plugin-marketplaces\"]}]},{\"tab\":\"Configuración\",\"groups\":[{\"group\":\"Configuración\",\"pages\":[\"es/settings\",\"es/permissions\",\"es/sandboxing\",\"es/terminal-config\",\"es/model-config\",\"es/fast-mode\",\"es/memory\",\"es/statusline\",\"es/keybindings\"]}]},{\"tab\":\"Referencia\",\"groups\":[{\"group\":\"Referencia\",\"pages\":[\"es/cli-reference\",\"es/interactive-mode\",\"es/checkpointing\",\"es/hooks\",\"es/plugins-reference\"]}]},{\"tab\":\"Recursos\",\"groups\":[{\"group\":\"Recursos\",\"pages\":[\"es/legal-and-compliance\"]}]}]},{\"language\":\"ko\",\"tabs\":[{\"tab\":\"시작하기\",\"groups\":[{\"group\":\"시작하기\",\"pages\":[\"ko/overview\",\"ko/quickstart\",\"ko/changelog\"]},{\"group\":\"핵심 개념\",\"pages\":[\"ko/how-claude-code-works\",\"ko/features-overview\",\"ko/common-workflows\",\"ko/best-practices\"]},{\"group\":\"플랫폼 및 통합\",\"pages\":[\"ko/claude-code-on-the-web\",{\"group\":\"Claude Code 데스크톱\",\"pages\":[\"ko/desktop-quickstart\",\"ko/desktop\"]},\"ko/chrome\",\"ko/vs-code\",\"ko/jetbrains\",\"ko/github-actions\",\"ko/gitlab-ci-cd\",\"ko/slack\"]}]},{\"tab\":\"Claude Code로 빌드하기\",\"groups\":[{\"group\":\"Claude Code로 빌드하기\",\"pages\":[\"ko/sub-agents\",\"ko/agent-teams\",\"ko/plugins\",\"ko/discover-plugins\",\"ko/skills\",\"ko/output-styles\",\"ko/hooks-guide\",\"ko/headless\",\"ko/mcp\",\"ko/troubleshooting\"]}]},{\"tab\":\"배포\",\"groups\":[{\"group\":\"배포\",\"pages\":[\"ko/third-party-integrations\",\"ko/amazon-bedrock\",\"ko/google-vertex-ai\",\"ko/microsoft-foundry\",\"ko/network-config\",\"ko/llm-gateway\",\"ko/devcontainer\"]}]},{\"tab\":\"관리\",\"groups\":[{\"group\":\"관리\",\"pages\":[\"ko/setup\",\"ko/authentication\",\"ko/security\",\"ko/server-managed-settings\",\"ko/data-usage\",\"ko/monitoring-usage\",\"ko/costs\",\"ko/analytics\",\"ko/plugin-marketplaces\"]}]},{\"tab\":\"구성\",\"groups\":[{\"group\":\"구성\",\"pages\":[\"ko/settings\",\"ko/permissions\",\"ko/sandboxing\",\"ko/terminal-config\",\"ko/model-config\",\"ko/fast-mode\",\"ko/memory\",\"ko/statusline\",\"ko/keybindings\"]}]},{\"tab\":\"참고\",\"groups\":[{\"group\":\"참고\",\"pages\":[\"ko/cli-reference\",\"ko/interactive-mode\",\"ko/checkpointing\",\"ko/hooks\",\"ko/plugins-reference\"]}]},{\"tab\":\"리소스\",\"groups\":[{\"group\":\"리소스\",\"pages\":[\"ko/legal-and-compliance\"]}]}]},{\"language\":\"cn\",\"tabs\":[{\"tab\":\"快速开始\",\"groups\":[{\"group\":\"快速开始\",\"pages\":[\"zh-CN/overview\",\"zh-CN/quickstart\",\"zh-CN/changelog\"]},{\"group\":\"核心概念\",\"pages\":[\"zh-CN/how-claude-code-works\",\"zh-CN/features-overview\",\"zh-CN/common-workflows\",\"zh-CN/best-practices\"]},{\"group\":\"平台和集成\",\"pages\":[\"zh-CN/claude-code-on-the-web\",{\"group\":\"Claude Code 桌面版\",\"pages\":[\"zh-CN/desktop-quickstart\",\"zh-CN/desktop\"]},\"zh-CN/chrome\",\"zh-CN/vs-code\",\"zh-CN/jetbrains\",\"zh-CN/github-actions\",\"zh-CN/gitlab-ci-cd\",\"zh-CN/slack\"]}]},{\"tab\":\"使用 Claude Code 构建\",\"groups\":[{\"group\":\"使用 Claude Code 构建\",\"pages\":[\"zh-CN/sub-agents\",\"zh-CN/agent-teams\",\"zh-CN/plugins\",\"zh-CN/discover-plugins\",\"zh-CN/skills\",\"zh-CN/output-styles\",\"zh-CN/hooks-guide\",\"zh-CN/headless\",\"zh-CN/mcp\",\"zh-CN/troubleshooting\"]}]},{\"tab\":\"部署\",\"groups\":[{\"group\":\"部署\",\"pages\":[\"zh-CN/third-party-integrations\",\"zh-CN/amazon-bedrock\",\"zh-CN/google-vertex-ai\",\"zh-CN/microsoft-foundry\",\"zh-CN/network-config\",\"zh-CN/llm-gateway\",\"zh-CN/devcontainer\"]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[\"zh-CN/setup\",\"zh-CN/authentication\",\"zh-CN/security\",\"zh-CN/server-managed-settings\",\"zh-CN/data-usage\",\"zh-CN/monitoring-usage\",\"zh-CN/costs\",\"zh-CN/analytics\",\"zh-CN/plugin-marketplaces\"]}]},{\"tab\":\"配置\",\"groups\":[{\"group\":\"配置\",\"pages\":[\"zh-CN/settings\",\"zh-CN/permissions\",\"zh-CN/sandboxing\",\"zh-CN/terminal-config\",\"zh-CN/model-config\",\"zh-CN/fast-mode\",\"zh-CN/memory\",\"zh-CN/statusline\",\"zh-CN/keybindings\"]}]},{\"tab\":\"参考\",\"groups\":[{\"group\":\"参考\",\"pages\":[\"zh-CN/cli-reference\",\"zh-CN/interactive-mode\",\"zh-CN/checkpointing\",\"zh-CN/hooks\",\"zh-CN/plugins-reference\"]}]},{\"tab\":\"资源\",\"groups\":[{\"group\":\"资源\",\"pages\":[\"zh-CN/legal-and-compliance\"]}]}]},{\"language\":\"zh-Hant\",\"tabs\":[{\"tab\":\"開始使用\",\"groups\":[{\"group\":\"開始使用\",\"pages\":[\"zh-TW/overview\",\"zh-TW/quickstart\",\"zh-TW/changelog\"]},{\"group\":\"核心概念\",\"pages\":[\"zh-TW/how-claude-code-works\",\"zh-TW/features-overview\",\"zh-TW/common-workflows\",\"zh-TW/best-practices\"]},{\"group\":\"平台和整合\",\"pages\":[\"zh-TW/claude-code-on-the-web\",{\"group\":\"Claude Code 桌面版\",\"pages\":[\"zh-TW/desktop-quickstart\",\"zh-TW/desktop\"]},\"zh-TW/chrome\",\"zh-TW/vs-code\",\"zh-TW/jetbrains\",\"zh-TW/github-actions\",\"zh-TW/gitlab-ci-cd\",\"zh-TW/slack\"]}]},{\"tab\":\"使用 Claude Code 建構\",\"groups\":[{\"group\":\"使用 Claude Code 建構\",\"pages\":[\"zh-TW/sub-agents\",\"zh-TW/agent-teams\",\"zh-TW/plugins\",\"zh-TW/discover-plugins\",\"zh-TW/skills\",\"zh-TW/output-styles\",\"zh-TW/hooks-guide\",\"zh-TW/headless\",\"zh-TW/mcp\",\"zh-TW/troubleshooting\"]}]},{\"tab\":\"部署\",\"groups\":[{\"group\":\"部署\",\"pages\":[\"zh-TW/third-party-integrations\",\"zh-TW/amazon-bedrock\",\"zh-TW/google-vertex-ai\",\"zh-TW/microsoft-foundry\",\"zh-TW/network-config\",\"zh-TW/llm-gateway\",\"zh-TW/devcontainer\"]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[\"zh-TW/setup\",\"zh-TW/authentication\",\"zh-TW/security\",\"zh-TW/server-managed-settings\",\"zh-TW/data-usage\",\"zh-TW/monitoring-usage\",\"zh-TW/costs\",\"zh-TW/analytics\",\"zh-TW/plugin-marketplaces\"]}]},{\"tab\":\"設定\",\"groups\":[{\"group\":\"設定\",\"pages\":[\"zh-TW/settings\",\"zh-TW/permissions\",\"zh-TW/sandboxing\",\"zh-TW/terminal-config\",\"zh-TW/model-config\",\"zh-TW/fast-mode\",\"zh-TW/memory\",\"zh-TW/statusline\",\"zh-TW/keybindings\"]}]},{\"tab\":\"參考資料\",\"groups\":[{\"group\":\"參考資料\",\"pages\":[\"zh-TW/cli-reference\",\"zh-TW/interactive-mode\",\"zh-TW/checkpointing\",\"zh-TW/hooks\",\"zh-TW/plugins-reference\"]}]},{\"tab\":\"資源\",\"groups\":[{\"group\":\"資源\",\"pages\":[\"zh-TW/legal-and-compliance\"]}]}]},{\"language\":\"ru\",\"tabs\":[{\"tab\":\"Начало работы\",\"groups\":[{\"group\":\"Начало работы\",\"pages\":[\"ru/overview\",\"ru/quickstart\",\"ru/changelog\"]},{\"group\":\"Основные концепции\",\"pages\":[\"ru/how-claude-code-works\",\"ru/features-overview\",\"ru/common-workflows\",\"ru/best-practices\"]},{\"group\":\"Платформы и интеграции\",\"pages\":[\"ru/claude-code-on-the-web\",{\"group\":\"Claude Code на рабочем столе\",\"pages\":[\"ru/desktop-quickstart\",\"ru/desktop\"]},\"ru/chrome\",\"ru/vs-code\",\"ru/jetbrains\",\"ru/github-actions\",\"ru/gitlab-ci-cd\",\"ru/slack\"]}]},{\"tab\":\"Разработка с Claude Code\",\"groups\":[{\"group\":\"Разработка с Claude Code\",\"pages\":[\"ru/sub-agents\",\"ru/agent-teams\",\"ru/plugins\",\"ru/discover-plugins\",\"ru/skills\",\"ru/output-styles\",\"ru/hooks-guide\",\"ru/headless\",\"ru/mcp\",\"ru/troubleshooting\"]}]},{\"tab\":\"Развертывание\",\"groups\":[{\"group\":\"Развертывание\",\"pages\":[\"ru/third-party-integrations\",\"ru/amazon-bedrock\",\"ru/google-vertex-ai\",\"ru/microsoft-foundry\",\"ru/network-config\",\"ru/llm-gateway\",\"ru/devcontainer\"]}]},{\"tab\":\"Администрирование\",\"groups\":[{\"group\":\"Администрирование\",\"pages\":[\"ru/setup\",\"ru/authentication\",\"ru/security\",\"ru/server-managed-settings\",\"ru/data-usage\",\"ru/monitoring-usage\",\"ru/costs\",\"ru/analytics\",\"ru/plugin-marketplaces\"]}]},{\"tab\":\"Конфигурация\",\"groups\":[{\"group\":\"Конфигурация\",\"pages\":[\"ru/settings\",\"ru/permissions\",\"ru/sandboxing\",\"ru/terminal-config\",\"ru/model-config\",\"ru/fast-mode\",\"ru/memory\",\"ru/statusline\",\"ru/keybindings\"]}]},{\"tab\":\"Справочник\",\"groups\":[{\"group\":\"Справочник\",\"pages\":[\"ru/cli-reference\",\"ru/interactive-mode\",\"ru/checkpointing\",\"ru/hooks\",\"ru/plugins-reference\"]}]},{\"tab\":\"Ресурсы\",\"groups\":[{\"group\":\"Ресурсы\",\"pages\":[\"ru/legal-and-compliance\"]}]}]},{\"language\":\"id\",\"tabs\":[{\"tab\":\"Memulai\",\"groups\":[{\"group\":\"Memulai\",\"pages\":[\"id/overview\",\"id/quickstart\",\"id/changelog\"]},{\"group\":\"Konsep Inti\",\"pages\":[\"id/how-claude-code-works\",\"id/features-overview\",\"id/common-workflows\",\"id/best-practices\"]},{\"group\":\"Platform dan integrasi\",\"pages\":[\"id/claude-code-on-the-web\",{\"group\":\"Claude Code di desktop\",\"pages\":[\"id/desktop-quickstart\",\"id/desktop\"]},\"id/chrome\",\"id/vs-code\",\"id/jetbrains\",\"id/github-actions\",\"id/gitlab-ci-cd\",\"id/slack\"]}]},{\"tab\":\"Bangun dengan Claude Code\",\"groups\":[{\"group\":\"Bangun dengan Claude Code\",\"pages\":[\"id/sub-agents\",\"id/agent-teams\",\"id/plugins\",\"id/discover-plugins\",\"id/skills\",\"id/output-styles\",\"id/hooks-guide\",\"id/headless\",\"id/mcp\",\"id/troubleshooting\"]}]},{\"tab\":\"Penerapan\",\"groups\":[{\"group\":\"Penerapan\",\"pages\":[\"id/third-party-integrations\",\"id/amazon-bedrock\",\"id/google-vertex-ai\",\"id/microsoft-foundry\",\"id/network-config\",\"id/llm-gateway\",\"id/devcontainer\"]}]},{\"tab\":\"Administrasi\",\"groups\":[{\"group\":\"Administrasi\",\"pages\":[\"id/setup\",\"id/authentication\",\"id/security\",\"id/server-managed-settings\",\"id/data-usage\",\"id/monitoring-usage\",\"id/costs\",\"id/analytics\",\"id/plugin-marketplaces\"]}]},{\"tab\":\"Konfigurasi\",\"groups\":[{\"group\":\"Konfigurasi\",\"pages\":[\"id/settings\",\"id/permissions\",\"id/sandboxing\",\"id/terminal-config\",\"id/model-config\",\"id/fast-mode\",\"id/memory\",\"id/statusline\",\"id/keybindings\"]}]},{\"tab\":\"Referensi\",\"groups\":[{\"group\":\"Referensi\",\"pages\":[\"id/cli-reference\",\"id/interactive-mode\",\"id/checkpointing\",\"id/hooks\",\"id/plugins-reference\"]}]},{\"tab\":\"Sumber Daya\",\"groups\":[{\"group\":\"Sumber Daya\",\"pages\":[\"id/legal-and-compliance\"]}]}]},{\"language\":\"pt-BR\",\"tabs\":[{\"tab\":\"Primeiros passos\",\"groups\":[{\"group\":\"Primeiros passos\",\"pages\":[\"pt/overview\",\"pt/quickstart\",\"pt/changelog\"]},{\"group\":\"Conceitos principais\",\"pages\":[\"pt/how-claude-code-works\",\"pt/features-overview\",\"pt/common-workflows\",\"pt/best-practices\"]},{\"group\":\"Plataformas e integrações\",\"pages\":[\"pt/claude-code-on-the-web\",{\"group\":\"Claude Code no desktop\",\"pages\":[\"pt/desktop-quickstart\",\"pt/desktop\"]},\"pt/chrome\",\"pt/vs-code\",\"pt/jetbrains\",\"pt/github-actions\",\"pt/gitlab-ci-cd\",\"pt/slack\"]}]},{\"tab\":\"Construir com Claude Code\",\"groups\":[{\"group\":\"Construir com Claude Code\",\"pages\":[\"pt/sub-agents\",\"pt/agent-teams\",\"pt/plugins\",\"pt/discover-plugins\",\"pt/skills\",\"pt/output-styles\",\"pt/hooks-guide\",\"pt/headless\",\"pt/mcp\",\"pt/troubleshooting\"]}]},{\"tab\":\"Implantação\",\"groups\":[{\"group\":\"Implantação\",\"pages\":[\"pt/third-party-integrations\",\"pt/amazon-bedrock\",\"pt/google-vertex-ai\",\"pt/microsoft-foundry\",\"pt/network-config\",\"pt/llm-gateway\",\"pt/devcontainer\"]}]},{\"tab\":\"Administração\",\"groups\":[{\"group\":\"Administração\",\"pages\":[\"pt/setup\",\"pt/authentication\",\"pt/security\",\"pt/server-managed-settings\",\"pt/data-usage\",\"pt/monitoring-usage\",\"pt/costs\",\"pt/analytics\",\"pt/plugin-marketplaces\"]}]},{\"tab\":\"Configuração\",\"groups\":[{\"group\":\"Configuração\",\"pages\":[\"pt/settings\",\"pt/permissions\",\"pt/sandboxing\",\"pt/terminal-config\",\"pt/model-config\",\"pt/fast-mode\",\"pt/memory\",\"pt/statusline\",\"pt/keybindings\"]}]},{\"tab\":\"Referência\",\"groups\":[{\"group\":\"Referência\",\"pages\":[\"pt/cli-reference\",\"pt/interactive-mode\",\"pt/checkpointing\",\"pt/hooks\",\"pt/plugins-reference\"]}]},{\"tab\":\"Recursos\",\"groups\":[{\"group\":\"Recursos\",\"pages\":[\"pt/legal-and-compliance\"]}]}]}]},\"footer\":{\"socials\":{\"x\":\"https://x.com/AnthropicAI\",\"linkedin\":\"https://www.linkedin.com/company/anthropicresearch\"},\"links\":[{\"header\":\"Company\",\"items\":[{\"label\":\"Anthropic\",\"href\":\"https://www.anthropic.com/company\"},{\"label\":\"Careers\",\"href\":\"https://www.anthropic.com/careers\"},{\"label\":\"Economic Futures\",\"href\":\"https://www.anthropic.com/economic-futures\"},{\"label\":\"Research\",\"href\":\"https://www.anthropic.com/research\"},{\"label\":\"News\",\"href\":\"https://www.anthropic.com/news\"},{\"label\":\"Trust center\",\"href\":\"https://trust.anthropic.com/\"},{\"label\":\"Transparency\",\"href\":\"https://www.anthropic.com/transparency\"}]},{\"header\":\"Help and security\",\"items\":[{\"label\":\"Availability\",\"href\":\"https://www.anthropic.com/supported-countries\"},{\"label\":\"Status\",\"href\":\"https://status.anthropic.com/\"},{\"label\":\"Support center\",\"href\":\"https://support.claude.com/\"}]},{\"header\":\"Learn\",\"items\":[{\"label\":\"Courses\",\"href\":\"https://www.anthropic.com/learn\"},{\"label\":\"MCP connectors\",\"href\":\"https://claude.com/partners/mcp\"},{\"label\":\"Customer stories\",\"href\":\"https://www.claude.com/customers\"},{\"label\":\"Engineering blog\",\"href\":\"https://www.anthropic.com/engineering\"},{\"label\":\"Events\",\"href\":\"https://www.anthropic.com/events\"},{\"label\":\"Powered by Claude\",\"href\":\"https://claude.com/partners/powered-by-claude\"},{\"label\":\"Service partners\",\"href\":\"https://claude.com/partners/services\"},{\"label\":\"Startups program\",\"href\":\"https://claude.com/programs/startups\"}]},{\"header\":\"Terms and policies\",\"items\":[{\"label\":\"Privacy policy\",\"href\":\"https://www.anthropic.com/legal/privacy\"},{\"label\":\"Disclosure policy\",\"href\":\"https://www.anthropic.com/responsible-disclosure-policy\"},{\"label\":\"Usage policy\",\"href\":\"https://www.anthropic.com/legal/aup\"},{\"label\":\"Commercial terms\",\"href\":\"https://www.anthropic.com/legal/commercial-terms\"},{\"label\":\"Consumer terms\",\"href\":\"https://www.anthropic.com/legal/consumer-terms\"}]}]},\"seo\":{\"metatags\":{\"canonical\":\"https://code.claude.com/docs\"}},\"fonts\":{\"family\":\"Anthropic Sans\"},\"redirects\":[{\"source\":\"/en/iam\",\"destination\":\"/en/authentication\",\"permanent\":true},{\"source\":\"/en/cli-usage\",\"destination\":\"/en/cli-reference\",\"permanent\":true},{\"source\":\"/en/ide-integrations\",\"destination\":\"/en/vs-code\",\"permanent\":true},{\"source\":\"/en/tutorials\",\"destination\":\"/en/common-workflows\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/tutorials\",\"destination\":\"/en/common-workflows\",\"permanent\":true},{\"source\":\"/en/team\",\"destination\":\"/en/authentication\",\"permanent\":true},{\"source\":\"/en/corporate-proxy\",\"destination\":\"/en/network-config\",\"permanent\":true},{\"source\":\"/en/sdk/sdk-headless\",\"destination\":\"/en/headless\",\"permanent\":true},{\"source\":\"/s/claude-code-github-actions\",\"destination\":\"/en/github-actions\",\"permanent\":false},{\"source\":\"/s/claude-code-ide-integrations\",\"destination\":\"/en/ide-integrations\",\"permanent\":false},{\"source\":\"/s/claude-code-worktrees\",\"destination\":\"/en/common-workflows#run-parallel-claude-code-sessions-with-git-worktrees\",\"permanent\":false},{\"source\":\"/s/claude-code-troubleshooting\",\"destination\":\"/en/troubleshooting\",\"permanent\":false},{\"source\":\"/s/claude-code-auto-updater\",\"destination\":\"/en/settings#auto-updater-permission-options\",\"permanent\":false},{\"source\":\"/s/claude-code-mcp\",\"destination\":\"/en/mcp\",\"permanent\":false},{\"source\":\"/s/claude-code-cost\",\"destination\":\"/en/costs\",\"permanent\":false},{\"source\":\"/s/claude-code\",\"destination\":\"/en/overview\",\"permanent\":false},{\"source\":\"/s/claude-code-security\",\"destination\":\"/en/security\",\"permanent\":false},{\"source\":\"/en/agents-and-tools/claude-code/overview\",\"destination\":\"/en/overview\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/common-workflows\",\"destination\":\"/en/common-workflows\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/troubleshooting\",\"destination\":\"/en/troubleshooting\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/overview#notification-setup\",\"destination\":\"/en/setup#notification-setup\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/bedrock-vertex\",\"destination\":\"/en/third-party-integrations\",\"permanent\":true},{\"source\":\"/en/bedrock-vertex\",\"destination\":\"/en/third-party-integrations\",\"permanent\":true},{\"source\":\"/s/claude-code-enterprise-setup\",\"destination\":\"/en/third-party-integrations\",\"permanent\":false},{\"source\":\"/en/bedrock-vertex-proxies\",\"destination\":\"/en/third-party-integrations\",\"permanent\":true},{\"source\":\"/en/getting-started\",\"destination\":\"/en/setup\",\"permanent\":true},{\"source\":\"/en/subagents\",\"destination\":\"/en/sub-agents\",\"permanent\":true},{\"source\":\"/en/azure-ai-foundry\",\"destination\":\"/en/microsoft-foundry\",\"permanent\":true},{\"source\":\"/en/sdk/migration-guide\",\"destination\":\"https://platform.claude.com/docs/en/agent-sdk/migration-guide\",\"permanent\":true},{\"source\":\"/en/slash-commands\",\"destination\":\"/en/skills\",\"permanent\":true}],\"contextual\":{\"options\":[\"copy\",\"view\",\"claude\"],\"display\":\"header\"},\"styling\":{\"latex\":true,\"codeblocks\":\"system\"}},\"docsNavWithMetadata\":{\"global\":null,\"languages\":[{\"language\":\"en\",\"tabs\":[{\"tab\":\"Getting started\",\"groups\":[{\"group\":\"Getting started\",\"pages\":[{\"sidebarTitle\":\"Overview\",\"title\":\"Claude Code overview\",\"description\":\"Claude Code is an agentic coding tool that reads your codebase, edits files, runs commands, and integrates with your development tools. Available in your terminal, IDE, desktop app, and browser.\",\"href\":\"/en/overview\"},{\"title\":\"Quickstart\",\"description\":\"Welcome to Claude Code!\",\"href\":\"/en/quickstart\"},{\"title\":\"Changelog\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/en/changelog\"}]},{\"group\":\"Core concepts\",\"pages\":[{\"title\":\"How Claude Code works\",\"description\":\"Understand the agentic loop, built-in tools, and how Claude Code interacts with your project.\",\"href\":\"/en/how-claude-code-works\"},{\"title\":\"Extend Claude Code\",\"sidebarTitle\":\"Extend Claude Code\",\"description\":\"Understand when to use CLAUDE.md, Skills, subagents, hooks, MCP, and plugins.\",\"href\":\"/en/features-overview\"},{\"title\":\"Common workflows\",\"description\":\"Step-by-step guides for exploring codebases, fixing bugs, refactoring, testing, and other everyday tasks with Claude Code.\",\"href\":\"/en/common-workflows\"},{\"title\":\"Best Practices for Claude Code\",\"sidebarTitle\":\"Best practices\",\"description\":\"Tips and patterns for getting the most out of Claude Code, from configuring your environment to scaling across parallel sessions.\",\"href\":\"/en/best-practices\"}]},{\"group\":\"Platforms and integrations\",\"pages\":[{\"title\":\"Claude Code on the web\",\"description\":\"Run Claude Code tasks asynchronously on secure cloud infrastructure\",\"href\":\"/en/claude-code-on-the-web\"},{\"group\":\"Claude Code on desktop\",\"pages\":[{\"title\":\"Get started with the desktop app\",\"sidebarTitle\":\"Get started\",\"description\":\"Install Claude Code on desktop and start your first coding session\",\"href\":\"/en/desktop-quickstart\"},{\"title\":\"Use Claude Code Desktop\",\"sidebarTitle\":\"Use Desktop\",\"description\":\"Get more out of Claude Code Desktop: parallel sessions with Git isolation, visual diff review, permission modes, connectors, and enterprise configuration.\",\"href\":\"/en/desktop\"}]},{\"title\":\"Use Claude Code with Chrome (beta)\",\"sidebarTitle\":\"Chrome extension (beta)\",\"description\":\"Connect Claude Code to your Chrome browser to test web apps, debug with console logs, automate form filling, and extract data from web pages.\",\"href\":\"/en/chrome\"},{\"title\":\"Use Claude Code in VS Code\",\"sidebarTitle\":\"Visual Studio Code\",\"description\":\"Install and configure the Claude Code extension for VS Code. Get AI coding assistance with inline diffs, @-mentions, plan review, and keyboard shortcuts.\",\"href\":\"/en/vs-code\"},{\"title\":\"JetBrains IDEs\",\"description\":\"Use Claude Code with JetBrains IDEs including IntelliJ, PyCharm, WebStorm, and more\",\"href\":\"/en/jetbrains\"},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Learn about integrating Claude Code into your development workflow with Claude Code GitHub Actions\",\"href\":\"/en/github-actions\"},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Learn about integrating Claude Code into your development workflow with GitLab CI/CD\",\"href\":\"/en/gitlab-ci-cd\"},{\"title\":\"Claude Code in Slack\",\"description\":\"Delegate coding tasks directly from your Slack workspace\",\"href\":\"/en/slack\"}]}]},{\"tab\":\"Build with Claude Code\",\"groups\":[{\"group\":\"Build with Claude Code\",\"pages\":[{\"title\":\"Create custom subagents\",\"description\":\"Create and use specialized AI subagents in Claude Code for task-specific workflows and improved context management.\",\"href\":\"/en/sub-agents\"},{\"title\":\"Orchestrate teams of Claude Code sessions\",\"sidebarTitle\":\"Run agent teams\",\"description\":\"Coordinate multiple Claude Code instances working together as a team, with shared tasks, inter-agent messaging, and centralized management.\",\"href\":\"/en/agent-teams\"},{\"title\":\"Create plugins\",\"sidebarTitle\":\"Create plugins\",\"description\":\"Create custom plugins to extend Claude Code with skills, agents, hooks, and MCP servers.\",\"href\":\"/en/plugins\"},{\"title\":\"Discover and install prebuilt plugins through marketplaces\",\"sidebarTitle\":\"Discover and install prebuilt plugins\",\"description\":\"Find and install plugins from marketplaces to extend Claude Code with new commands, agents, and capabilities.\",\"href\":\"/en/discover-plugins\"},{\"title\":\"Extend Claude with skills\",\"description\":\"Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands.\",\"href\":\"/en/skills\"},{\"title\":\"Output styles\",\"description\":\"Adapt Claude Code for uses beyond software engineering\",\"href\":\"/en/output-styles\"},{\"title\":\"Automate workflows with hooks\",\"sidebarTitle\":\"Automate with hooks\",\"description\":\"Run shell commands automatically when Claude Code edits files, finishes tasks, or needs input. Format code, send notifications, validate commands, and enforce project rules.\",\"href\":\"/en/hooks-guide\"},{\"title\":\"Run Claude Code programmatically\",\"sidebarTitle\":\"Programmatic usage\",\"description\":\"Use the Agent SDK to run Claude Code programmatically from the CLI, Python, or TypeScript.\",\"href\":\"/en/headless\"},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"Connect Claude Code to tools via MCP\",\"description\":\"Learn how to connect Claude Code to your tools with the Model Context Protocol.\",\"href\":\"/en/mcp\"},{\"title\":\"Troubleshooting\",\"description\":\"Discover solutions to common issues with Claude Code installation and usage.\",\"href\":\"/en/troubleshooting\"}]}]},{\"tab\":\"Deployment\",\"groups\":[{\"group\":\"Deployment\",\"pages\":[{\"title\":\"Enterprise deployment overview\",\"sidebarTitle\":\"Overview\",\"description\":\"Learn how Claude Code can integrate with various third-party services and infrastructure to meet enterprise deployment requirements.\",\"href\":\"/en/third-party-integrations\"},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Claude Code on Amazon Bedrock\",\"description\":\"Learn about configuring Claude Code through Amazon Bedrock, including setup, IAM configuration, and troubleshooting.\",\"href\":\"/en/amazon-bedrock\"},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Claude Code on Google Vertex AI\",\"description\":\"Learn about configuring Claude Code through Google Vertex AI, including setup, IAM configuration, and troubleshooting.\",\"href\":\"/en/google-vertex-ai\"},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code on Microsoft Foundry\",\"description\":\"Learn about configuring Claude Code through Microsoft Foundry, including setup, configuration, and troubleshooting.\",\"href\":\"/en/microsoft-foundry\"},{\"sidebarTitle\":\"Network configuration\",\"title\":\"Enterprise network configuration\",\"description\":\"Configure Claude Code for enterprise environments with proxy servers, custom Certificate Authorities (CA), and mutual Transport Layer Security (mTLS) authentication.\",\"href\":\"/en/network-config\"},{\"sidebarTitle\":\"LLM gateway\",\"title\":\"LLM gateway configuration\",\"description\":\"Learn how to configure Claude Code to work with LLM gateway solutions. Covers gateway requirements, authentication configuration, model selection, and provider-specific endpoint setup.\",\"href\":\"/en/llm-gateway\"},{\"title\":\"Development containers\",\"description\":\"Learn about the Claude Code development container for teams that need consistent, secure environments.\",\"href\":\"/en/devcontainer\"}]}]},{\"tab\":\"Administration\",\"groups\":[{\"group\":\"Administration\",\"pages\":[{\"sidebarTitle\":\"Advanced installation\",\"title\":\"Set up Claude Code\",\"description\":\"Install, authenticate, and start using Claude Code on your development machine.\",\"href\":\"/en/setup\"},{\"sidebarTitle\":\"Authentication\",\"title\":\"Authentication\",\"description\":\"Learn how to configure user authentication and credential management for Claude Code in your organization.\",\"href\":\"/en/authentication\"},{\"title\":\"Security\",\"description\":\"Learn about Claude Code's security safeguards and best practices for safe usage.\",\"href\":\"/en/security\"},{\"sidebarTitle\":\"Server-managed settings (beta)\",\"title\":\"Configure server-managed settings (public beta)\",\"description\":\"Centrally configure Claude Code for your organization through server-delivered settings, without requiring device management infrastructure.\",\"href\":\"/en/server-managed-settings\"},{\"title\":\"Data usage\",\"description\":\"Learn about Anthropic's data usage policies for Claude\",\"href\":\"/en/data-usage\"},{\"title\":\"Monitoring\",\"description\":\"Learn how to enable and configure OpenTelemetry for Claude Code.\",\"href\":\"/en/monitoring-usage\"},{\"sidebarTitle\":\"Costs\",\"title\":\"Manage costs effectively\",\"description\":\"Track token usage, set team spend limits, and reduce Claude Code costs with context management, model selection, extended thinking settings, and preprocessing hooks.\",\"href\":\"/en/costs\"},{\"title\":\"Track team usage with analytics\",\"description\":\"View Claude Code usage metrics, track adoption, and measure engineering velocity in the analytics dashboard.\",\"href\":\"/en/analytics\"},{\"title\":\"Create and distribute a plugin marketplace\",\"sidebarTitle\":\"Create and distribute a plugin marketplace\",\"description\":\"Build and host plugin marketplaces to distribute Claude Code extensions across teams and communities.\",\"href\":\"/en/plugin-marketplaces\"}]}]},{\"tab\":\"Configuration\",\"groups\":[{\"group\":\"Configuration\",\"pages\":[{\"sidebarTitle\":\"Settings\",\"title\":\"Claude Code settings\",\"description\":\"Configure Claude Code with global and project-level settings, and environment variables.\",\"href\":\"/en/settings\"},{\"sidebarTitle\":\"Permissions\",\"title\":\"Configure permissions\",\"description\":\"Control what Claude Code can access and do with fine-grained permission rules, modes, and managed policies.\",\"href\":\"/en/permissions\"},{\"title\":\"Sandboxing\",\"description\":\"Learn how Claude Code's sandboxed bash tool provides filesystem and network isolation for safer, more autonomous agent execution.\",\"href\":\"/en/sandboxing\"},{\"sidebarTitle\":\"Terminal configuration\",\"title\":\"Optimize your terminal setup\",\"description\":\"Claude Code works best when your terminal is properly configured. Follow these guidelines to optimize your experience.\",\"href\":\"/en/terminal-config\"},{\"title\":\"Model configuration\",\"description\":\"Learn about the Claude Code model configuration, including model aliases like `opusplan`\",\"href\":\"/en/model-config\"},{\"title\":\"Speed up responses with fast mode\",\"description\":\"Get faster Opus 4.6 responses in Claude Code by toggling fast mode.\",\"href\":\"/en/fast-mode\"},{\"sidebarTitle\":\"Memory management\",\"title\":\"Manage Claude's memory\",\"description\":\"Learn how to manage Claude Code's memory across sessions with different memory locations and best practices.\",\"href\":\"/en/memory\"},{\"title\":\"Customize your status line\",\"sidebarTitle\":\"Customize status line\",\"description\":\"Configure a custom status bar to monitor context window usage, costs, and git status in Claude Code\",\"href\":\"/en/statusline\"},{\"title\":\"Customize keyboard shortcuts\",\"description\":\"Customize keyboard shortcuts in Claude Code with a keybindings configuration file.\",\"href\":\"/en/keybindings\"}]}]},{\"tab\":\"Reference\",\"groups\":[{\"group\":\"Reference\",\"pages\":[{\"title\":\"CLI reference\",\"description\":\"Complete reference for Claude Code command-line interface, including commands and flags.\",\"href\":\"/en/cli-reference\"},{\"title\":\"Interactive mode\",\"description\":\"Complete reference for keyboard shortcuts, input modes, and interactive features in Claude Code sessions.\",\"href\":\"/en/interactive-mode\"},{\"title\":\"Checkpointing\",\"description\":\"Track, rewind, and summarize Claude's edits and conversation to manage session state.\",\"href\":\"/en/checkpointing\"},{\"title\":\"Hooks reference\",\"description\":\"Reference for Claude Code hook events, configuration schema, JSON input/output formats, exit codes, async hooks, prompt hooks, and MCP tool hooks.\",\"href\":\"/en/hooks\"},{\"title\":\"Plugins reference\",\"description\":\"Complete technical reference for Claude Code plugin system, including schemas, CLI commands, and component specifications.\",\"href\":\"/en/plugins-reference\"}]}]},{\"tab\":\"Resources\",\"groups\":[{\"group\":\"Resources\",\"pages\":[{\"title\":\"Legal and compliance\",\"description\":\"Legal agreements, compliance certifications, and security information for Claude Code.\",\"href\":\"/en/legal-and-compliance\"}]}]}]},{\"language\":\"fr\",\"tabs\":[{\"tab\":\"Démarrer\",\"groups\":[{\"group\":\"Démarrer\",\"pages\":[{\"sidebarTitle\":\"Aperçu\",\"title\":\"Aperçu de Claude Code\",\"description\":\"Claude Code est un outil de codage agentique qui lit votre base de code, édite des fichiers, exécute des commandes et s'intègre à vos outils de développement. Disponible dans votre terminal, IDE, application de bureau et navigateur.\",\"href\":\"/fr/overview\"},{\"title\":\"Démarrage rapide\",\"description\":\"Bienvenue dans Claude Code !\",\"href\":\"/fr/quickstart\"},{\"title\":\"Journal des modifications\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/fr/changelog\"}]},{\"group\":\"Concepts fondamentaux\",\"pages\":[{\"title\":\"Comment fonctionne Claude Code\",\"description\":\"Comprenez la boucle agentive, les outils intégrés et comment Claude Code interagit avec votre projet.\",\"href\":\"/fr/how-claude-code-works\"},{\"title\":\"Étendre Claude Code\",\"sidebarTitle\":\"Étendre Claude Code\",\"description\":\"Comprenez quand utiliser CLAUDE.md, Skills, subagents, hooks, MCP et plugins.\",\"href\":\"/fr/features-overview\"},{\"title\":\"Flux de travail courants\",\"description\":\"Guides étape par étape pour explorer les bases de code, corriger les bogues, refactoriser, tester et autres tâches quotidiennes avec Claude Code.\",\"href\":\"/fr/common-workflows\"},{\"title\":\"Bonnes pratiques pour Claude Code\",\"description\":\"Conseils et modèles pour tirer le meilleur parti de Claude Code, de la configuration de votre environnement à la mise à l'échelle sur plusieurs sessions parallèles.\",\"href\":\"/fr/best-practices\"}]},{\"group\":\"Plateformes et intégrations\",\"pages\":[{\"title\":\"Claude Code sur le web\",\"description\":\"Exécutez les tâches Claude Code de manière asynchrone sur une infrastructure cloud sécurisée\",\"href\":\"/fr/claude-code-on-the-web\"},{\"group\":\"Claude Code sur ordinateur\",\"pages\":[{\"title\":\"Desktop quickstart\",\"href\":\"/fr/desktop-quickstart\"},{\"title\":\"Claude Code sur le bureau\",\"description\":\"Exécutez les tâches Claude Code localement ou sur une infrastructure cloud sécurisée avec l'application Claude de bureau\",\"href\":\"/fr/desktop\"}]},{\"title\":\"Utiliser Claude Code avec Chrome (bêta)\",\"sidebarTitle\":\"Extension Chrome (bêta)\",\"description\":\"Connectez Claude Code à votre navigateur Chrome pour tester des applications web, déboguer avec les journaux de console, automatiser le remplissage de formulaires et extraire des données des pages web.\",\"href\":\"/fr/chrome\"},{\"title\":\"Utiliser Claude Code dans VS Code\",\"sidebarTitle\":\"Visual Studio Code\",\"description\":\"Installez et configurez l'extension Claude Code pour VS Code. Obtenez une assistance de codage IA avec des diffs en ligne, des mentions @, un examen du plan et des raccourcis clavier.\",\"href\":\"/fr/vs-code\"},{\"title\":\"JetBrains IDEs\",\"description\":\"Utilisez Claude Code avec les IDEs JetBrains, notamment IntelliJ, PyCharm, WebStorm, et bien d'autres\",\"href\":\"/fr/jetbrains\"},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Découvrez comment intégrer Claude Code dans votre flux de travail de développement avec Claude Code GitHub Actions\",\"href\":\"/fr/github-actions\"},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Découvrez comment intégrer Claude Code dans votre flux de travail de développement avec GitLab CI/CD\",\"href\":\"/fr/gitlab-ci-cd\"},{\"title\":\"Claude Code dans Slack\",\"description\":\"Déléguez les tâches de codage directement depuis votre espace de travail Slack\",\"href\":\"/fr/slack\"}]}]},{\"tab\":\"Créer avec Claude Code\",\"groups\":[{\"group\":\"Créer avec Claude Code\",\"pages\":[{\"title\":\"Créer des sous-agents personnalisés\",\"description\":\"Créez et utilisez des sous-agents IA spécialisés dans Claude Code pour des flux de travail spécifiques à des tâches et une meilleure gestion du contexte.\",\"href\":\"/fr/sub-agents\"},{\"title\":\"Orchestrer des équipes de sessions Claude Code\",\"description\":\"Coordonnez plusieurs instances Claude Code travaillant ensemble en tant qu'équipe, avec des tâches partagées, la messagerie inter-agents et une gestion centralisée.\",\"href\":\"/fr/agent-teams\"},{\"title\":\"Créer des plugins\",\"sidebarTitle\":\"Créer des plugins\",\"description\":\"Créez des plugins personnalisés pour étendre Claude Code avec des skills, des agents, des hooks et des serveurs MCP.\",\"href\":\"/fr/plugins\"},{\"title\":\"Découvrez et installez des plugins prédéfinis via les marketplaces\",\"description\":\"Trouvez et installez des plugins à partir de marketplaces pour étendre Claude Code avec de nouvelles commandes, agents et capacités.\",\"href\":\"/fr/discover-plugins\"},{\"title\":\"Étendre Claude avec des compétences\",\"description\":\"Créez, gérez et partagez des compétences pour étendre les capacités de Claude dans Claude Code. Inclut les commandes slash personnalisées.\",\"href\":\"/fr/skills\"},{\"title\":\"Styles de sortie\",\"description\":\"Adaptez Claude Code pour des usages au-delà de l'ingénierie logicielle\",\"href\":\"/fr/output-styles\"},{\"title\":\"Commencer avec les hooks Claude Code\",\"description\":\"Apprenez à personnaliser et étendre le comportement de Claude Code en enregistrant des commandes shell\",\"href\":\"/fr/hooks-guide\"},{\"title\":\"Exécuter Claude Code par programmation\",\"sidebarTitle\":\"Utilisation programmatique\",\"description\":\"Utilisez l'Agent SDK pour exécuter Claude Code par programmation depuis la CLI, Python ou TypeScript.\",\"href\":\"/fr/headless\"},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"Connecter Claude Code aux outils via MCP\",\"description\":\"Apprenez à connecter Claude Code à vos outils avec le Model Context Protocol.\",\"href\":\"/fr/mcp\"},{\"title\":\"Dépannage\",\"description\":\"Découvrez des solutions aux problèmes courants avec l'installation et l'utilisation de Claude Code.\",\"href\":\"/fr/troubleshooting\"}]}]},{\"tab\":\"Déploiement\",\"groups\":[{\"group\":\"Déploiement\",\"pages\":[{\"title\":\"Aperçu du déploiement en entreprise\",\"sidebarTitle\":\"Aperçu\",\"description\":\"Découvrez comment Claude Code peut s'intégrer à divers services tiers et infrastructures pour répondre aux exigences de déploiement en entreprise.\",\"href\":\"/fr/third-party-integrations\"},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Claude Code sur Amazon Bedrock\",\"description\":\"Découvrez comment configurer Claude Code via Amazon Bedrock, y compris la configuration, la configuration IAM et le dépannage.\",\"href\":\"/fr/amazon-bedrock\"},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Claude Code sur Google Vertex AI\",\"description\":\"Découvrez comment configurer Claude Code via Google Vertex AI, y compris la configuration, la configuration IAM et le dépannage.\",\"href\":\"/fr/google-vertex-ai\"},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code sur Microsoft Foundry\",\"description\":\"Découvrez comment configurer Claude Code via Microsoft Foundry, y compris la configuration, les paramètres et la résolution des problèmes.\",\"href\":\"/fr/microsoft-foundry\"},{\"sidebarTitle\":\"Configuration réseau\",\"title\":\"Configuration réseau d'entreprise\",\"description\":\"Configurez Claude Code pour les environnements d'entreprise avec des serveurs proxy, des autorités de certification (CA) personnalisées et l'authentification mutuelle Transport Layer Security (mTLS).\",\"href\":\"/fr/network-config\"},{\"sidebarTitle\":\"Passerelle LLM\",\"title\":\"Configuration de la passerelle LLM\",\"description\":\"Découvrez comment configurer Claude Code pour fonctionner avec des solutions de passerelle LLM. Couvre les exigences de la passerelle, la configuration de l'authentification, la sélection du modèle et la configuration des points de terminaison spécifiques aux fournisseurs.\",\"href\":\"/fr/llm-gateway\"},{\"title\":\"Conteneurs de développement\",\"description\":\"Découvrez le conteneur de développement Claude Code pour les équipes qui ont besoin d'environnements cohérents et sécurisés.\",\"href\":\"/fr/devcontainer\"}]}]},{\"tab\":\"Administration\",\"groups\":[{\"group\":\"Administration\",\"pages\":[{\"sidebarTitle\":\"Installation avancée\",\"title\":\"Configurer Claude Code\",\"description\":\"Installez, authentifiez-vous et commencez à utiliser Claude Code sur votre machine de développement.\",\"href\":\"/fr/setup\"},{\"title\":\"Authentication\",\"href\":\"/fr/authentication\"},{\"title\":\"Sécurité\",\"description\":\"Découvrez les protections de sécurité de Claude Code et les meilleures pratiques pour une utilisation sûre.\",\"href\":\"/fr/security\"},{\"title\":\"Server managed settings\",\"href\":\"/fr/server-managed-settings\"},{\"title\":\"Utilisation des données\",\"description\":\"Découvrez les politiques d'utilisation des données d'Anthropic pour Claude\",\"href\":\"/fr/data-usage\"},{\"title\":\"Surveillance\",\"description\":\"Découvrez comment activer et configurer OpenTelemetry pour Claude Code.\",\"href\":\"/fr/monitoring-usage\"},{\"sidebarTitle\":\"Coûts\",\"title\":\"Gérer les coûts efficacement\",\"description\":\"Apprenez à suivre et optimiser l'utilisation des tokens et les coûts lors de l'utilisation de Claude Code.\",\"href\":\"/fr/costs\"},{\"title\":\"Analytique\",\"description\":\"Consultez des informations détaillées sur l'utilisation et les métriques de productivité pour le déploiement de Claude Code de votre organisation.\",\"href\":\"/fr/analytics\"},{\"title\":\"Créer et distribuer une place de marché de plugins\",\"sidebarTitle\":\"Créer et distribuer une place de marché de plugins\",\"description\":\"Créez et hébergez des places de marché de plugins pour distribuer les extensions Claude Code dans vos équipes et communautés.\",\"href\":\"/fr/plugin-marketplaces\"}]}]},{\"tab\":\"Configuration\",\"groups\":[{\"group\":\"Configuration\",\"pages\":[{\"sidebarTitle\":\"Paramètres\",\"title\":\"Paramètres Claude Code\",\"description\":\"Configurez Claude Code avec des paramètres globaux et au niveau du projet, ainsi que des variables d'environnement.\",\"href\":\"/fr/settings\"},{\"sidebarTitle\":\"Permissions\",\"title\":\"Configurer les permissions\",\"description\":\"Contrôlez ce que Claude Code peut accéder et faire avec des règles de permission granulaires, des modes et des politiques gérées.\",\"href\":\"/fr/permissions\"},{\"title\":\"Sandboxing\",\"description\":\"Découvrez comment l'outil bash en sandbox de Claude Code offre une isolation du système de fichiers et du réseau pour une exécution d'agent plus sûre et plus autonome.\",\"href\":\"/fr/sandboxing\"},{\"sidebarTitle\":\"Configuration du terminal\",\"title\":\"Optimisez votre configuration de terminal\",\"description\":\"Claude Code fonctionne mieux lorsque votre terminal est correctement configuré. Suivez ces directives pour optimiser votre expérience.\",\"href\":\"/fr/terminal-config\"},{\"title\":\"Configuration du modèle\",\"description\":\"Découvrez la configuration du modèle Claude Code, y compris les alias de modèle comme `opusplan`\",\"href\":\"/fr/model-config\"},{\"title\":\"Fast mode\",\"href\":\"/fr/fast-mode\"},{\"sidebarTitle\":\"Gestion de la mémoire\",\"title\":\"Gérer la mémoire de Claude\",\"description\":\"Apprenez à gérer la mémoire de Claude Code entre les sessions avec différents emplacements de mémoire et les meilleures pratiques.\",\"href\":\"/fr/memory\"},{\"title\":\"Configuration de la ligne d'état\",\"description\":\"Créez une ligne d'état personnalisée pour Claude Code afin d'afficher des informations contextuelles\",\"href\":\"/fr/statusline\"},{\"title\":\"Personnaliser les raccourcis clavier\",\"description\":\"Personnalisez les raccourcis clavier dans Claude Code avec un fichier de configuration des liaisons de touches.\",\"href\":\"/fr/keybindings\"}]}]},{\"tab\":\"Référence\",\"groups\":[{\"group\":\"Référence\",\"pages\":[{\"title\":\"Référence CLI\",\"description\":\"Référence complète pour l'interface de ligne de commande Claude Code, incluant les commandes et les drapeaux.\",\"href\":\"/fr/cli-reference\"},{\"title\":\"Mode interactif\",\"description\":\"Référence complète des raccourcis clavier, modes d'entrée et fonctionnalités interactives dans les sessions Claude Code.\",\"href\":\"/fr/interactive-mode\"},{\"title\":\"Checkpointing\",\"description\":\"Suivez automatiquement et annulez les modifications de Claude pour récupérer rapidement des changements indésirables.\",\"href\":\"/fr/checkpointing\"},{\"title\":\"Référence des hooks\",\"description\":\"Cette page fournit une documentation de référence pour l'implémentation de hooks dans Claude Code.\",\"href\":\"/fr/hooks\"},{\"title\":\"Référence des plugins\",\"description\":\"Référence technique complète du système de plugins Claude Code, incluant les schémas, les commandes CLI et les spécifications des composants.\",\"href\":\"/fr/plugins-reference\"}]}]},{\"tab\":\"Ressources\",\"groups\":[{\"group\":\"Ressources\",\"pages\":[{\"title\":\"Légal et conformité\",\"description\":\"Accords juridiques, certifications de conformité et informations de sécurité pour Claude Code.\",\"href\":\"/fr/legal-and-compliance\"}]}]}]},{\"language\":\"de\",\"tabs\":[{\"tab\":\"Erste Schritte\",\"groups\":[{\"group\":\"Erste Schritte\",\"pages\":[{\"sidebarTitle\":\"Übersicht\",\"title\":\"Claude Code Übersicht\",\"description\":\"Claude Code ist ein agentengestütztes Codierungswerkzeug, das Ihre Codebasis liest, Dateien bearbeitet, Befehle ausführt und sich in Ihre Entwicklungswerkzeuge integriert. Verfügbar in Ihrem Terminal, IDE, Desktop-App und Browser.\",\"href\":\"/de/overview\"},{\"title\":\"Schnellstart\",\"description\":\"Willkommen bei Claude Code!\",\"href\":\"/de/quickstart\"},{\"title\":\"Changelog\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/de/changelog\"}]},{\"group\":\"Kernkonzepte\",\"pages\":[{\"title\":\"Wie Claude Code funktioniert\",\"description\":\"Verstehen Sie die agentengesteuerte Schleife, integrierte Tools und wie Claude Code mit Ihrem Projekt interagiert.\",\"href\":\"/de/how-claude-code-works\"},{\"title\":\"Claude Code erweitern\",\"sidebarTitle\":\"Claude Code erweitern\",\"description\":\"Verstehen Sie, wann Sie CLAUDE.md, Skills, Subagents, Hooks, MCP und Plugins verwenden sollten.\",\"href\":\"/de/features-overview\"},{\"title\":\"Häufige Workflows\",\"description\":\"Schritt-für-Schritt-Anleitungen zum Erkunden von Codebases, Beheben von Fehlern, Refaktorierung, Testen und anderen alltäglichen Aufgaben mit Claude Code.\",\"href\":\"/de/common-workflows\"},{\"title\":\"Best Practices für Claude Code\",\"sidebarTitle\":\"Best Practices\",\"description\":\"Tipps und Muster, um das Beste aus Claude Code herauszuholen – von der Konfiguration Ihrer Umgebung bis zur Skalierung über parallele Sitzungen.\",\"href\":\"/de/best-practices\"}]},{\"group\":\"Plattformen und Integrationen\",\"pages\":[{\"title\":\"Claude Code im Web\",\"description\":\"Führen Sie Claude Code-Aufgaben asynchron auf sicherer Cloud-Infrastruktur aus\",\"href\":\"/de/claude-code-on-the-web\"},{\"group\":\"Claude Code auf dem Desktop\",\"pages\":[{\"title\":\"Desktop quickstart\",\"href\":\"/de/desktop-quickstart\"},{\"title\":\"Claude Code auf dem Desktop\",\"description\":\"Führen Sie Claude Code-Aufgaben lokal oder auf sicherer Cloud-Infrastruktur mit der Claude-Desktop-App aus\",\"href\":\"/de/desktop\"}]},{\"title\":\"Claude Code mit Chrome verwenden (Beta)\",\"sidebarTitle\":\"Chrome-Erweiterung (Beta)\",\"description\":\"Verbinden Sie Claude Code mit Ihrem Chrome-Browser, um Web-Apps zu testen, mit Konsolenprotokollen zu debuggen, Formularausfüllungen zu automatisieren und Daten von Webseiten zu extrahieren.\",\"href\":\"/de/chrome\"},{\"title\":\"Claude Code in VS Code verwenden\",\"description\":\"Installieren und konfigurieren Sie die Claude Code-Erweiterung für VS Code. Erhalten Sie KI-Codierungshilfe mit Inline-Diffs, @-Erwähnungen, Planüberprüfung und Tastaturkürzeln.\",\"href\":\"/de/vs-code\"},{\"title\":\"JetBrains IDEs\",\"description\":\"Verwenden Sie Claude Code mit JetBrains IDEs einschließlich IntelliJ, PyCharm, WebStorm und mehr\",\"href\":\"/de/jetbrains\"},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Erfahren Sie, wie Sie Claude Code in Ihren Entwicklungs-Workflow mit Claude Code GitHub Actions integrieren\",\"href\":\"/de/github-actions\"},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Erfahren Sie, wie Sie Claude Code in Ihren Entwicklungs-Workflow mit GitLab CI/CD integrieren\",\"href\":\"/de/gitlab-ci-cd\"},{\"title\":\"Claude Code in Slack\",\"description\":\"Delegieren Sie Codierungsaufgaben direkt aus Ihrem Slack-Arbeitsbereich\",\"href\":\"/de/slack\"}]}]},{\"tab\":\"Mit Claude Code erstellen\",\"groups\":[{\"group\":\"Mit Claude Code erstellen\",\"pages\":[{\"title\":\"Benutzerdefinierte Subagenten erstellen\",\"description\":\"Erstellen und verwenden Sie spezialisierte KI-Subagenten in Claude Code für aufgabenspezifische Workflows und verbesserte Kontextverwaltung.\",\"href\":\"/de/sub-agents\"},{\"title\":\"Orchestrieren Sie Teams von Claude Code-Sitzungen\",\"sidebarTitle\":\"Agent-Teams ausführen\",\"description\":\"Koordinieren Sie mehrere Claude Code-Instanzen, die zusammen als Team arbeiten, mit gemeinsamen Aufgaben, Messaging zwischen Agenten und zentraler Verwaltung.\",\"href\":\"/de/agent-teams\"},{\"title\":\"Plugins erstellen\",\"sidebarTitle\":\"Plugins erstellen\",\"description\":\"Erstellen Sie benutzerdefinierte Plugins, um Claude Code mit Skills, Agents, Hooks und MCP-Servern zu erweitern.\",\"href\":\"/de/plugins\"},{\"title\":\"Entdecken und installieren Sie vorgefertigte Plugins über Marktplätze\",\"description\":\"Finden und installieren Sie Plugins aus Marktplätzen, um Claude Code mit neuen Befehlen, Agenten und Funktionen zu erweitern.\",\"href\":\"/de/discover-plugins\"},{\"title\":\"Claude mit Skills erweitern\",\"description\":\"Erstellen, verwalten und teilen Sie Skills, um Claudes Fähigkeiten in Claude Code zu erweitern. Beinhaltet benutzerdefinierte Schrägstrich-Befehle.\",\"href\":\"/de/skills\"},{\"title\":\"Ausgabestile\",\"description\":\"Passen Sie Claude Code für Anwendungsfälle über Softwareentwicklung hinaus an\",\"href\":\"/de/output-styles\"},{\"title\":\"Erste Schritte mit Claude Code Hooks\",\"description\":\"Erfahren Sie, wie Sie das Verhalten von Claude Code durch die Registrierung von Shell-Befehlen anpassen und erweitern können\",\"href\":\"/de/hooks-guide\"},{\"title\":\"Claude Code programmgesteuert ausführen\",\"sidebarTitle\":\"Programmgesteuerte Nutzung\",\"description\":\"Verwenden Sie das Agent SDK, um Claude Code programmgesteuert über die CLI, Python oder TypeScript auszuführen.\",\"href\":\"/de/headless\"},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"Claude Code mit Tools über MCP verbinden\",\"description\":\"Erfahren Sie, wie Sie Claude Code mit Ihren Tools über das Model Context Protocol verbinden.\",\"href\":\"/de/mcp\"},{\"title\":\"Fehlerbehebung\",\"description\":\"Entdecken Sie Lösungen für häufige Probleme bei der Installation und Verwendung von Claude Code.\",\"href\":\"/de/troubleshooting\"}]}]},{\"tab\":\"Bereitstellung\",\"groups\":[{\"group\":\"Bereitstellung\",\"pages\":[{\"title\":\"Übersicht zur Enterprise-Bereitstellung\",\"sidebarTitle\":\"Übersicht\",\"description\":\"Erfahren Sie, wie Claude Code mit verschiedenen Drittanbieter-Services und Infrastrukturen integriert werden kann, um Enterprise-Bereitstellungsanforderungen zu erfüllen.\",\"href\":\"/de/third-party-integrations\"},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Claude Code auf Amazon Bedrock\",\"description\":\"Erfahren Sie, wie Sie Claude Code über Amazon Bedrock konfigurieren, einschließlich Setup, IAM-Konfiguration und Fehlerbehebung.\",\"href\":\"/de/amazon-bedrock\"},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Claude Code auf Google Vertex AI\",\"description\":\"Erfahren Sie, wie Sie Claude Code über Google Vertex AI konfigurieren, einschließlich Setup, IAM-Konfiguration und Fehlerbehebung.\",\"href\":\"/de/google-vertex-ai\"},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code auf Microsoft Foundry\",\"description\":\"Erfahren Sie, wie Sie Claude Code über Microsoft Foundry konfigurieren, einschließlich Setup, Konfiguration und Fehlerbehebung.\",\"href\":\"/de/microsoft-foundry\"},{\"sidebarTitle\":\"Netzwerkkonfiguration\",\"title\":\"Enterprise-Netzwerkkonfiguration\",\"description\":\"Konfigurieren Sie Claude Code für Enterprise-Umgebungen mit Proxy-Servern, benutzerdefinierten Zertifizierungsstellen (CA) und gegenseitiger Transport Layer Security (mTLS)-Authentifizierung.\",\"href\":\"/de/network-config\"},{\"sidebarTitle\":\"LLM gateway\",\"title\":\"LLM-Gateway-Konfiguration\",\"description\":\"Erfahren Sie, wie Sie Claude Code für die Zusammenarbeit mit LLM-Gateway-Lösungen konfigurieren. Behandelt Gateway-Anforderungen, Authentifizierungskonfiguration, Modellauswahl und anbieter-spezifisches Endpoint-Setup.\",\"href\":\"/de/llm-gateway\"},{\"title\":\"Entwicklungscontainer\",\"description\":\"Erfahren Sie mehr über den Claude Code-Entwicklungscontainer für Teams, die konsistente, sichere Umgebungen benötigen.\",\"href\":\"/de/devcontainer\"}]}]},{\"tab\":\"Verwaltung\",\"groups\":[{\"group\":\"Verwaltung\",\"pages\":[{\"sidebarTitle\":\"Erweiterte Installation\",\"title\":\"Claude Code einrichten\",\"description\":\"Installieren, authentifizieren und beginnen Sie mit der Verwendung von Claude Code auf Ihrem Entwicklungscomputer.\",\"href\":\"/de/setup\"},{\"title\":\"Authentication\",\"href\":\"/de/authentication\"},{\"title\":\"Sicherheit\",\"description\":\"Erfahren Sie mehr über die Sicherheitsvorkehrungen von Claude Code und bewährte Praktiken für sichere Nutzung.\",\"href\":\"/de/security\"},{\"title\":\"Server managed settings\",\"href\":\"/de/server-managed-settings\"},{\"title\":\"Datennutzung\",\"description\":\"Erfahren Sie mehr über die Datennutzungsrichtlinien von Anthropic für Claude\",\"href\":\"/de/data-usage\"},{\"title\":\"Überwachung\",\"description\":\"Erfahren Sie, wie Sie OpenTelemetry für Claude Code aktivieren und konfigurieren.\",\"href\":\"/de/monitoring-usage\"},{\"sidebarTitle\":\"Kosten\",\"title\":\"Kosten effektiv verwalten\",\"description\":\"Erfahren Sie, wie Sie die Token-Nutzung und Kosten bei der Verwendung von Claude Code verfolgen und optimieren können.\",\"href\":\"/de/costs\"},{\"title\":\"Analytik\",\"description\":\"Zeigen Sie detaillierte Nutzungseinblicke und Produktivitätsmetriken für die Claude Code-Bereitstellung Ihrer Organisation an.\",\"href\":\"/de/analytics\"},{\"title\":\"Erstellen und Verteilen eines Plugin-Marktplatzes\",\"sidebarTitle\":\"Erstellen und Verteilen eines Plugin-Marktplatzes\",\"description\":\"Erstellen und hosten Sie Plugin-Marktplätze, um Claude Code-Erweiterungen in Teams und Communities zu verteilen.\",\"href\":\"/de/plugin-marketplaces\"}]}]},{\"tab\":\"Konfiguration\",\"groups\":[{\"group\":\"Konfiguration\",\"pages\":[{\"sidebarTitle\":\"Einstellungen\",\"title\":\"Claude Code-Einstellungen\",\"description\":\"Konfigurieren Sie Claude Code mit globalen und projektbezogenen Einstellungen sowie Umgebungsvariablen.\",\"href\":\"/de/settings\"},{\"sidebarTitle\":\"Berechtigungen\",\"title\":\"Berechtigungen konfigurieren\",\"description\":\"Kontrollieren Sie, worauf Claude Code zugreifen kann und was es mit granularen Berechtigungsregeln, Modi und verwalteten Richtlinien tun kann.\",\"href\":\"/de/permissions\"},{\"title\":\"Sandboxing\",\"description\":\"Erfahren Sie, wie das Sandboxing-Tool von Claude Code Dateisystem- und Netzwerkisolation bietet, um eine sicherere und autonomere Agent-Ausführung zu ermöglichen.\",\"href\":\"/de/sandboxing\"},{\"sidebarTitle\":\"Terminalkonfiguration\",\"title\":\"Optimieren Sie Ihr Terminal-Setup\",\"description\":\"Claude Code funktioniert am besten, wenn Ihr Terminal richtig konfiguriert ist. Befolgen Sie diese Richtlinien, um Ihr Erlebnis zu optimieren.\",\"href\":\"/de/terminal-config\"},{\"title\":\"Modellkonfiguration\",\"description\":\"Erfahren Sie mehr über die Claude Code Modellkonfiguration, einschließlich Modellaliase wie `opusplan`\",\"href\":\"/de/model-config\"},{\"title\":\"Fast mode\",\"href\":\"/de/fast-mode\"},{\"sidebarTitle\":\"Speicherverwaltung\",\"title\":\"Verwalten Sie Claudes Speicher\",\"description\":\"Erfahren Sie, wie Sie Claudes Code-Speicher über Sitzungen hinweg mit verschiedenen Speicherorten und Best Practices verwalten.\",\"href\":\"/de/memory\"},{\"title\":\"Konfiguration der Statuszeile\",\"description\":\"Erstellen Sie eine benutzerdefinierte Statuszeile für Claude Code, um kontextbezogene Informationen anzuzeigen\",\"href\":\"/de/statusline\"},{\"title\":\"Tastaturkürzel anpassen\",\"description\":\"Passen Sie Tastaturkürzel in Claude Code mit einer Keybindings-Konfigurationsdatei an.\",\"href\":\"/de/keybindings\"}]}]},{\"tab\":\"Referenz\",\"groups\":[{\"group\":\"Referenz\",\"pages\":[{\"title\":\"CLI-Referenz\",\"description\":\"Vollständige Referenz für die Claude Code Befehlszeilenschnittstelle, einschließlich Befehle und Flags.\",\"href\":\"/de/cli-reference\"},{\"title\":\"Interaktiver Modus\",\"description\":\"Vollständige Referenz für Tastaturkürzel, Eingabemodi und interaktive Funktionen in Claude Code-Sitzungen.\",\"href\":\"/de/interactive-mode\"},{\"title\":\"Checkpointing\",\"description\":\"Verfolgen Sie automatisch die Änderungen von Claude und machen Sie unerwünschte Änderungen schnell rückgängig.\",\"href\":\"/de/checkpointing\"},{\"title\":\"Hooks-Referenz\",\"description\":\"Diese Seite bietet Referenzdokumentation zur Implementierung von Hooks in Claude Code.\",\"href\":\"/de/hooks\"},{\"title\":\"Plugins-Referenz\",\"description\":\"Vollständige technische Referenz für das Claude Code Plugin-System, einschließlich Schemas, CLI-Befehle und Komponentenspezifikationen.\",\"href\":\"/de/plugins-reference\"}]}]},{\"tab\":\"Ressourcen\",\"groups\":[{\"group\":\"Ressourcen\",\"pages\":[{\"title\":\"Rechtliche Bestimmungen und Compliance\",\"description\":\"Rechtliche Vereinbarungen, Compliance-Zertifizierungen und Sicherheitsinformationen für Claude Code.\",\"href\":\"/de/legal-and-compliance\"}]}]}]},{\"language\":\"it\",\"tabs\":[{\"tab\":\"Guida introduttiva\",\"groups\":[{\"group\":\"Guida introduttiva\",\"pages\":[{\"sidebarTitle\":\"Panoramica\",\"title\":\"Panoramica di Claude Code\",\"description\":\"Claude Code è uno strumento di codifica agentivo che legge la tua codebase, modifica file, esegue comandi e si integra con i tuoi strumenti di sviluppo. Disponibile nel tuo terminale, IDE, app desktop e browser.\",\"href\":\"/it/overview\"},{\"title\":\"Guida rapida\",\"description\":\"Benvenuto in Claude Code!\",\"href\":\"/it/quickstart\"},{\"title\":\"Changelog\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/it/changelog\"}]},{\"group\":\"Concetti fondamentali\",\"pages\":[{\"title\":\"Come funziona Claude Code\",\"description\":\"Comprendi il ciclo agentico, gli strumenti integrati e come Claude Code interagisce con il tuo progetto.\",\"href\":\"/it/how-claude-code-works\"},{\"title\":\"Estendi Claude Code\",\"sidebarTitle\":\"Estendi Claude Code\",\"description\":\"Comprendi quando utilizzare CLAUDE.md, Skills, subagents, hooks, MCP e plugins.\",\"href\":\"/it/features-overview\"},{\"title\":\"Flussi di lavoro comuni\",\"description\":\"Guide passo dopo passo per esplorare basi di codice, correggere bug, effettuare refactoring, testare e altre attività quotidiane con Claude Code.\",\"href\":\"/it/common-workflows\"},{\"title\":\"Best Practices per Claude Code\",\"description\":\"Suggerimenti e modelli per ottenere il massimo da Claude Code, dalla configurazione dell'ambiente al ridimensionamento tra sessioni parallele.\",\"href\":\"/it/best-practices\"}]},{\"group\":\"Piattaforme e integrazioni\",\"pages\":[{\"title\":\"Claude Code sul web\",\"description\":\"Esegui attività Claude Code in modo asincrono su infrastruttura cloud sicura\",\"href\":\"/it/claude-code-on-the-web\"},{\"group\":\"Claude Code sul desktop\",\"pages\":[{\"title\":\"Desktop quickstart\",\"href\":\"/it/desktop-quickstart\"},{\"title\":\"Claude Code su desktop\",\"description\":\"Esegui attività Claude Code localmente o su infrastruttura cloud sicura con l'app desktop Claude\",\"href\":\"/it/desktop\"}]},{\"title\":\"Usa Claude Code con Chrome (beta)\",\"sidebarTitle\":\"Estensione Chrome (beta)\",\"description\":\"Connetti Claude Code al tuo browser Chrome per testare app web, eseguire il debug con i log della console, automatizzare la compilazione di moduli ed estrarre dati dalle pagine web.\",\"href\":\"/it/chrome\"},{\"title\":\"Usa Claude Code in VS Code\",\"description\":\"Installa e configura l'estensione Claude Code per VS Code. Ottieni assistenza di codifica AI con diff inline, @-mention, revisione del piano e scorciatoie da tastiera.\",\"href\":\"/it/vs-code\"},{\"title\":\"JetBrains IDEs\",\"description\":\"Usa Claude Code con JetBrains IDEs inclusi IntelliJ, PyCharm, WebStorm e altri\",\"href\":\"/it/jetbrains\"},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Scopri come integrare Claude Code nel tuo flusso di lavoro di sviluppo con Claude Code GitHub Actions\",\"href\":\"/it/github-actions\"},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Scopri come integrare Claude Code nel tuo flusso di lavoro di sviluppo con GitLab CI/CD\",\"href\":\"/it/gitlab-ci-cd\"},{\"title\":\"Claude Code in Slack\",\"description\":\"Delega i compiti di codifica direttamente dal tuo workspace Slack\",\"href\":\"/it/slack\"}]}]},{\"tab\":\"Sviluppate con Claude Code\",\"groups\":[{\"group\":\"Sviluppate con Claude Code\",\"pages\":[{\"title\":\"Creare subagent personalizzati\",\"description\":\"Crea e utilizza subagent AI specializzati in Claude Code per flussi di lavoro specifici per attività e una migliore gestione del contesto.\",\"href\":\"/it/sub-agents\"},{\"title\":\"Orchestrare team di sessioni Claude Code\",\"description\":\"Coordinare più istanze di Claude Code che lavorano insieme come un team, con attività condivise, messaggistica tra agenti e gestione centralizzata.\",\"href\":\"/it/agent-teams\"},{\"title\":\"Creare plugin\",\"sidebarTitle\":\"Creare plugin\",\"description\":\"Crea plugin personalizzati per estendere Claude Code con skills, agents, hooks e MCP servers.\",\"href\":\"/it/plugins\"},{\"title\":\"Scopri e installa plugin precostruiti tramite marketplace\",\"description\":\"Trova e installa plugin dai marketplace per estendere Claude Code con nuovi comandi, agenti e funzionalità.\",\"href\":\"/it/discover-plugins\"},{\"title\":\"Estendi Claude con le skill\",\"description\":\"Crea, gestisci e condividi skill per estendere le capacità di Claude in Claude Code. Include comandi slash personalizzati.\",\"href\":\"/it/skills\"},{\"title\":\"Stili di output\",\"description\":\"Adattare Claude Code per usi oltre l'ingegneria del software\",\"href\":\"/it/output-styles\"},{\"title\":\"Iniziare con i hook di Claude Code\",\"description\":\"Scopri come personalizzare ed estendere il comportamento di Claude Code registrando comandi shell\",\"href\":\"/it/hooks-guide\"},{\"title\":\"Eseguire Claude Code a livello di programmazione\",\"description\":\"Utilizza l'Agent SDK per eseguire Claude Code a livello di programmazione dalla CLI, Python o TypeScript.\",\"href\":\"/it/headless\"},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"Connetti Claude Code ai tuoi strumenti tramite MCP\",\"description\":\"Scopri come connettere Claude Code ai tuoi strumenti con il Model Context Protocol.\",\"href\":\"/it/mcp\"},{\"title\":\"Risoluzione dei problemi\",\"description\":\"Scopri soluzioni ai problemi comuni con l'installazione e l'utilizzo di Claude Code.\",\"href\":\"/it/troubleshooting\"}]}]},{\"tab\":\"Distribuzione\",\"groups\":[{\"group\":\"Distribuzione\",\"pages\":[{\"title\":\"Panoramica della distribuzione aziendale\",\"sidebarTitle\":\"Panoramica\",\"description\":\"Scopri come Claude Code può integrarsi con vari servizi di terze parti e infrastrutture per soddisfare i requisiti di distribuzione aziendale.\",\"href\":\"/it/third-party-integrations\"},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Claude Code su Amazon Bedrock\",\"description\":\"Scopri come configurare Claude Code tramite Amazon Bedrock, inclusa la configurazione, la configurazione IAM e la risoluzione dei problemi.\",\"href\":\"/it/amazon-bedrock\"},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Claude Code su Google Vertex AI\",\"description\":\"Scopri come configurare Claude Code tramite Google Vertex AI, inclusa la configurazione, la configurazione IAM e la risoluzione dei problemi.\",\"href\":\"/it/google-vertex-ai\"},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code su Microsoft Foundry\",\"description\":\"Scopri come configurare Claude Code tramite Microsoft Foundry, inclusi setup, configurazione e risoluzione dei problemi.\",\"href\":\"/it/microsoft-foundry\"},{\"sidebarTitle\":\"Configurazione di rete\",\"title\":\"Configurazione di rete aziendale\",\"description\":\"Configurare Claude Code per ambienti aziendali con server proxy, Autorità di Certificazione (CA) personalizzate e autenticazione Transport Layer Security (mTLS) reciproca.\",\"href\":\"/it/network-config\"},{\"sidebarTitle\":\"Gateway LLM\",\"title\":\"Configurazione del gateway LLM\",\"description\":\"Scopri come configurare Claude Code per funzionare con soluzioni di gateway LLM. Copre i requisiti del gateway, la configurazione dell'autenticazione, la selezione del modello e la configurazione degli endpoint specifici del provider.\",\"href\":\"/it/llm-gateway\"},{\"title\":\"Contenitori di sviluppo\",\"description\":\"Scopri il contenitore di sviluppo Claude Code per i team che necessitano di ambienti coerenti e sicuri.\",\"href\":\"/it/devcontainer\"}]}]},{\"tab\":\"Amministrazione\",\"groups\":[{\"group\":\"Amministrazione\",\"pages\":[{\"sidebarTitle\":\"Installazione avanzata\",\"title\":\"Configurare Claude Code\",\"description\":\"Installa, autentica e inizia a utilizzare Claude Code sulla tua macchina di sviluppo.\",\"href\":\"/it/setup\"},{\"title\":\"Authentication\",\"href\":\"/it/authentication\"},{\"title\":\"Sicurezza\",\"description\":\"Scopri le misure di sicurezza di Claude Code e le migliori pratiche per un utilizzo sicuro.\",\"href\":\"/it/security\"},{\"title\":\"Server managed settings\",\"href\":\"/it/server-managed-settings\"},{\"title\":\"Utilizzo dei dati\",\"description\":\"Scopri le politiche di utilizzo dei dati di Anthropic per Claude\",\"href\":\"/it/data-usage\"},{\"title\":\"Monitoraggio\",\"description\":\"Scopri come abilitare e configurare OpenTelemetry per Claude Code.\",\"href\":\"/it/monitoring-usage\"},{\"sidebarTitle\":\"Costi\",\"title\":\"Gestisci i costi in modo efficace\",\"description\":\"Scopri come tracciare e ottimizzare l'utilizzo dei token e i costi quando utilizzi Claude Code.\",\"href\":\"/it/costs\"},{\"title\":\"Analitiche\",\"description\":\"Visualizza approfondimenti dettagliati sull'utilizzo e metriche di produttività per la distribuzione di Claude Code della tua organizzazione.\",\"href\":\"/it/analytics\"},{\"title\":\"Creare e distribuire un marketplace di plugin\",\"sidebarTitle\":\"Creare e distribuire un marketplace di plugin\",\"description\":\"Crea e ospita marketplace di plugin per distribuire estensioni Claude Code tra team e comunità.\",\"href\":\"/it/plugin-marketplaces\"}]}]},{\"tab\":\"Configurazione\",\"groups\":[{\"group\":\"Configurazione\",\"pages\":[{\"sidebarTitle\":\"Impostazioni\",\"title\":\"Impostazioni di Claude Code\",\"description\":\"Configura Claude Code con impostazioni globali e a livello di progetto, e variabili d'ambiente.\",\"href\":\"/it/settings\"},{\"sidebarTitle\":\"Autorizzazioni\",\"title\":\"Configurare le autorizzazioni\",\"description\":\"Controlla cosa Claude Code può accedere e fare con regole di autorizzazione granulari, modalità e politiche gestite.\",\"href\":\"/it/permissions\"},{\"title\":\"Sandboxing\",\"description\":\"Scopri come lo strumento bash in sandbox di Claude Code fornisce isolamento del filesystem e della rete per un'esecuzione dell'agente più sicura e autonoma.\",\"href\":\"/it/sandboxing\"},{\"sidebarTitle\":\"Configurazione del terminale\",\"title\":\"Ottimizza la configurazione del tuo terminale\",\"description\":\"Claude Code funziona al meglio quando il tuo terminale è correttamente configurato. Segui queste linee guida per ottimizzare la tua esperienza.\",\"href\":\"/it/terminal-config\"},{\"title\":\"Configurazione del modello\",\"description\":\"Scopri la configurazione del modello Claude Code, inclusi gli alias dei modelli come `opusplan`\",\"href\":\"/it/model-config\"},{\"title\":\"Fast mode\",\"href\":\"/it/fast-mode\"},{\"sidebarTitle\":\"Gestione della memoria\",\"title\":\"Gestisci la memoria di Claude\",\"description\":\"Scopri come gestire la memoria di Claude Code tra le sessioni con diverse posizioni di memoria e best practice.\",\"href\":\"/it/memory\"},{\"title\":\"Configurazione della barra di stato\",\"description\":\"Crea una barra di stato personalizzata per Claude Code per visualizzare informazioni contestuali\",\"href\":\"/it/statusline\"},{\"title\":\"Personalizza le scorciatoie da tastiera\",\"description\":\"Personalizza le scorciatoie da tastiera in Claude Code con un file di configurazione keybindings.\",\"href\":\"/it/keybindings\"}]}]},{\"tab\":\"Riferimento\",\"groups\":[{\"group\":\"Riferimento\",\"pages\":[{\"title\":\"Riferimento CLI\",\"description\":\"Riferimento completo per l'interfaccia della riga di comando Claude Code, inclusi comandi e flag.\",\"href\":\"/it/cli-reference\"},{\"title\":\"Modalità interattiva\",\"description\":\"Riferimento completo per scorciatoie da tastiera, modalità di input e funzionalità interattive nelle sessioni Claude Code.\",\"href\":\"/it/interactive-mode\"},{\"title\":\"checkpoint\",\"description\":\"Traccia automaticamente e riavvolgi gli edit di Claude per recuperare rapidamente dai cambiamenti indesiderati.\",\"href\":\"/it/checkpointing\"},{\"title\":\"Riferimento degli hook\",\"description\":\"Questa pagina fornisce documentazione di riferimento per l'implementazione degli hook in Claude Code.\",\"href\":\"/it/hooks\"},{\"title\":\"Riferimento dei plugin\",\"description\":\"Riferimento tecnico completo per il sistema di plugin di Claude Code, inclusi schemi, comandi CLI e specifiche dei componenti.\",\"href\":\"/it/plugins-reference\"}]}]},{\"tab\":\"Risorse\",\"groups\":[{\"group\":\"Risorse\",\"pages\":[{\"title\":\"Aspetti legali e conformità\",\"description\":\"Accordi legali, certificazioni di conformità e informazioni sulla sicurezza per Claude Code.\",\"href\":\"/it/legal-and-compliance\"}]}]}]},{\"language\":\"jp\",\"tabs\":[{\"tab\":\"はじめに\",\"groups\":[{\"group\":\"はじめに\",\"pages\":[{\"sidebarTitle\":\"Overview\",\"title\":\"Claude Code の概要\",\"description\":\"Claude Code は、コードベースを読み取り、ファイルを編集し、コマンドを実行し、開発ツールと統合する agentic coding ツールです。ターミナル、IDE、デスクトップアプリ、ブラウザで利用できます。\",\"href\":\"/ja/overview\"},{\"title\":\"クイックスタート\",\"description\":\"Claude Codeへようこそ！\",\"href\":\"/ja/quickstart\"},{\"title\":\"変更履歴\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/ja/changelog\"}]},{\"group\":\"コア概念\",\"pages\":[{\"title\":\"Claude Code の仕組み\",\"description\":\"agentic ループ、組み込みツール、Claude Code がプロジェクトとどのように相互作用するかを理解します。\",\"href\":\"/ja/how-claude-code-works\"},{\"title\":\"Claude Code を拡張する\",\"sidebarTitle\":\"Claude Code を拡張する\",\"description\":\"CLAUDE.md、Skills、subagents、hooks、MCP、plugins をいつ使用するかを理解します。\",\"href\":\"/ja/features-overview\"},{\"title\":\"一般的なワークフロー\",\"description\":\"Claude Code でコードベースの探索、バグ修正、リファクタリング、テスト、その他の日常的なタスクを実行するためのステップバイステップガイド。\",\"href\":\"/ja/common-workflows\"},{\"title\":\"Claude Code のベストプラクティス\",\"sidebarTitle\":\"ベストプラクティス\",\"description\":\"環境設定から並列セッションでのスケーリングまで、Claude Code を最大限に活用するためのヒントとパターン。\",\"href\":\"/ja/best-practices\"}]},{\"group\":\"プラットフォームと統合\",\"pages\":[{\"title\":\"ウェブ上の Claude Code\",\"description\":\"セキュアなクラウドインフラストラクチャで Claude Code タスクを非同期に実行します\",\"href\":\"/ja/claude-code-on-the-web\"},{\"group\":\"Claude Code デスクトップ版\",\"pages\":[{\"title\":\"Desktop quickstart\",\"href\":\"/ja/desktop-quickstart\"},{\"title\":\"デスクトップ上の Claude Code\",\"description\":\"Claude デスクトップアプリを使用して、Claude Code タスクをローカルで実行するか、セキュアなクラウドインフラストラクチャで実行します\",\"href\":\"/ja/desktop\"}]},{\"title\":\"Chrome で Claude Code を使用する（ベータ版）\",\"sidebarTitle\":\"Chrome 拡張機能（ベータ版）\",\"description\":\"Claude Code を Chrome ブラウザに接続して、Web アプリをテストし、コンソールログでデバッグし、フォーム入力を自動化し、Web ページからデータを抽出します。\",\"href\":\"/ja/chrome\"},{\"title\":\"VS Code で Claude Code を使用する\",\"description\":\"Claude Code 拡張機能を VS Code にインストールして設定します。インラインの差分表示、@-メンション、プラン確認、キーボードショートカットを使用した AI コーディング支援を取得します。\",\"href\":\"/ja/vs-code\"},{\"title\":\"JetBrains IDEs\",\"description\":\"Claude CodeをIntelliJ、PyCharm、WebStormなどのJetBrains IDEで使用する\",\"href\":\"/ja/jetbrains\"},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Claude Code を GitHub ワークフローに統合する方法について学びます\",\"href\":\"/ja/github-actions\"},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Claude Code を GitLab CI/CD で開発ワークフローに統合する方法について学びます\",\"href\":\"/ja/gitlab-ci-cd\"},{\"title\":\"Slack での Claude Code\",\"description\":\"Slack ワークスペースから直接コーディングタスクを委任する\",\"href\":\"/ja/slack\"}]}]},{\"tab\":\"Claude Code で構築する\",\"groups\":[{\"group\":\"Claude Code で構築する\",\"pages\":[{\"title\":\"カスタムサブエージェントの作成\",\"description\":\"Claude Code でタスク固有のワークフローと改善されたコンテキスト管理のための特化した AI サブエージェントを作成して使用します。\",\"href\":\"/ja/sub-agents\"},{\"title\":\"Claude Code セッションのチームを調整する\",\"sidebarTitle\":\"エージェントチームを実行する\",\"description\":\"複数の Claude Code インスタンスがチームとして連携して動作するように調整します。共有タスク、エージェント間メッセージング、一元管理を備えています。\",\"href\":\"/ja/agent-teams\"},{\"title\":\"プラグインを作成する\",\"sidebarTitle\":\"プラグインを作成する\",\"description\":\"スキル、エージェント、フック、MCP サーバーを使用して Claude Code を拡張するカスタムプラグインを作成します。\",\"href\":\"/ja/plugins\"},{\"title\":\"マーケットプレイスを通じてプリビルトプラグインを発見してインストールする\",\"description\":\"マーケットプレイスからプラグインを見つけてインストールし、Claude Codeを新しいコマンド、エージェント、機能で拡張します。\",\"href\":\"/ja/discover-plugins\"},{\"title\":\"Claude をスキルで拡張する\",\"description\":\"Claude Code でスキルを作成、管理、共有して Claude の機能を拡張します。カスタムスラッシュコマンドを含みます。\",\"href\":\"/ja/skills\"},{\"title\":\"出力スタイル\",\"description\":\"ソフトウェアエンジニアリング以外の用途に合わせて Claude Code をカスタマイズする\",\"href\":\"/ja/output-styles\"},{\"title\":\"Claude Code フックの使い始め\",\"description\":\"シェルコマンドを登録して Claude Code の動作をカスタマイズおよび拡張する方法を学びます\",\"href\":\"/ja/hooks-guide\"},{\"title\":\"Claude Code をプログラムで実行する\",\"sidebarTitle\":\"プログラムでの使用\",\"description\":\"Agent SDK を使用して、CLI、Python、または TypeScript からプログラムで Claude Code を実行します。\",\"href\":\"/ja/headless\"},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"MCPを使用してClaude Codeをツールに接続する\",\"description\":\"Model Context Protocolを使用してClaude Codeをツールに接続する方法を学びます。\",\"href\":\"/ja/mcp\"},{\"title\":\"トラブルシューティング\",\"description\":\"Claude Codeのインストールと使用に関する一般的な問題の解決策を発見してください。\",\"href\":\"/ja/troubleshooting\"}]}]},{\"tab\":\"デプロイ\",\"groups\":[{\"group\":\"デプロイ\",\"pages\":[{\"title\":\"エンタープライズデプロイメント概要\",\"sidebarTitle\":\"概要\",\"description\":\"Claude Codeがさまざまなサードパーティサービスとインフラストラクチャと統合して、エンタープライズデプロイメント要件を満たす方法について学びます。\",\"href\":\"/ja/third-party-integrations\"},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Amazon Bedrock 上の Claude Code\",\"description\":\"Amazon Bedrock を通じた Claude Code の設定方法（セットアップ、IAM 設定、トラブルシューティングを含む）について学習します。\",\"href\":\"/ja/amazon-bedrock\"},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Google Vertex AI 上の Claude Code\",\"description\":\"Google Vertex AI を通じた Claude Code の設定方法について学びます。セットアップ、IAM 設定、トラブルシューティングを含みます。\",\"href\":\"/ja/google-vertex-ai\"},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code on Microsoft Foundry\",\"description\":\"Microsoft Foundryを通じてClaude Codeを構成する方法について学びます。セットアップ、構成、トラブルシューティングを含みます。\",\"href\":\"/ja/microsoft-foundry\"},{\"sidebarTitle\":\"ネットワーク設定\",\"title\":\"エンタープライズネットワーク設定\",\"description\":\"プロキシサーバー、カスタム認証局（CA）、相互 Transport Layer Security（mTLS）認証を使用して、エンタープライズ環境向けに Claude Code を設定します。\",\"href\":\"/ja/network-config\"},{\"sidebarTitle\":\"LLM gateway\",\"title\":\"LLM gateway設定\",\"description\":\"Claude CodeをLLM gatewayソリューションと連携するための設定方法を学びます。gateway要件、認証設定、モデル選択、プロバイダー固有のエンドポイント設定をカバーしています。\",\"href\":\"/ja/llm-gateway\"},{\"title\":\"開発コンテナ\",\"description\":\"一貫性のある安全な環境が必要なチーム向けのClaude Code開発コンテナについて学びます。\",\"href\":\"/ja/devcontainer\"}]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[{\"sidebarTitle\":\"高度なインストール\",\"title\":\"Claude Code をセットアップする\",\"description\":\"開発マシンに Claude Code をインストール、認証し、使用を開始します。\",\"href\":\"/ja/setup\"},{\"title\":\"Authentication\",\"href\":\"/ja/authentication\"},{\"title\":\"セキュリティ\",\"description\":\"Claude Codeのセキュリティ対策とセキュアな使用方法のベストプラクティスについて学びます。\",\"href\":\"/ja/security\"},{\"title\":\"Server managed settings\",\"href\":\"/ja/server-managed-settings\"},{\"title\":\"データ使用\",\"description\":\"Anthropic の Claude のデータ使用ポリシーについて学習します\",\"href\":\"/ja/data-usage\"},{\"title\":\"監視\",\"description\":\"Claude Code の OpenTelemetry を有効にして設定する方法を学びます。\",\"href\":\"/ja/monitoring-usage\"},{\"sidebarTitle\":\"コスト\",\"title\":\"コストを効果的に管理する\",\"description\":\"Claude Codeを使用する際のトークン使用量とコストを追跡および最適化する方法を学びます。\",\"href\":\"/ja/costs\"},{\"title\":\"分析\",\"description\":\"組織の Claude Code デプロイメントの詳細な使用状況インサイトと生産性メトリクスを表示します。\",\"href\":\"/ja/analytics\"},{\"title\":\"プラグインマーケットプレイスの作成と配布\",\"sidebarTitle\":\"プラグインマーケットプレイスの作成と配布\",\"description\":\"Claude Code 拡張機能を配布するためのプラグインマーケットプレイスを構築およびホストします。\",\"href\":\"/ja/plugin-marketplaces\"}]}]},{\"tab\":\"設定\",\"groups\":[{\"group\":\"設定\",\"pages\":[{\"sidebarTitle\":\"Settings\",\"title\":\"Claude Code の設定\",\"description\":\"Claude Code をグローバル設定とプロジェクトレベルの設定、および環境変数で構成します。\",\"href\":\"/ja/settings\"},{\"sidebarTitle\":\"パーミッション\",\"title\":\"パーミッションの設定\",\"description\":\"きめ細かいパーミッションルール、モード、管理ポリシーを使用して、Claude Code がアクセスして実行できる内容を制御します。\",\"href\":\"/ja/permissions\"},{\"title\":\"サンドボックス化\",\"description\":\"Claude Codeのサンドボックス化されたbashツールがファイルシステムとネットワークの分離を提供し、より安全で自律的なエージェント実行を実現する方法を学びます。\",\"href\":\"/ja/sandboxing\"},{\"sidebarTitle\":\"ターミナル設定\",\"title\":\"ターミナルセットアップを最適化する\",\"description\":\"Claude Codeはターミナルが適切に設定されているときに最適に機能します。これらのガイドラインに従って、エクスペリエンスを最適化してください。\",\"href\":\"/ja/terminal-config\"},{\"title\":\"モデル設定\",\"description\":\"Claude Code のモデル設定について学習します。opusplan などのモデルエイリアスを含みます。\",\"href\":\"/ja/model-config\"},{\"title\":\"Fast mode\",\"href\":\"/ja/fast-mode\"},{\"sidebarTitle\":\"メモリ管理\",\"title\":\"Claudeのメモリを管理する\",\"description\":\"異なるメモリロケーションとベストプラクティスを使用して、セッション間でClaude Codeのメモリを管理する方法を学びます。\",\"href\":\"/ja/memory\"},{\"title\":\"ステータスラインの設定\",\"description\":\"Claude Codeのカスタムステータスラインを作成して、コンテキスト情報を表示します\",\"href\":\"/ja/statusline\"},{\"title\":\"キーボードショートカットのカスタマイズ\",\"description\":\"キーバインディング設定ファイルを使用して Claude Code のキーボードショートカットをカスタマイズします。\",\"href\":\"/ja/keybindings\"}]}]},{\"tab\":\"リファレンス\",\"groups\":[{\"group\":\"リファレンス\",\"pages\":[{\"title\":\"CLI リファレンス\",\"description\":\"Claude Code コマンドラインインターフェースの完全なリファレンス。コマンドとフラグを含みます。\",\"href\":\"/ja/cli-reference\"},{\"title\":\"インタラクティブモード\",\"description\":\"Claude Code セッションのキーボードショートカット、入力モード、インタラクティブ機能の完全なリファレンス。\",\"href\":\"/ja/interactive-mode\"},{\"title\":\"Checkpointing\",\"description\":\"Claude の編集を自動的に追跡し、不要な変更から素早く復旧するために以前の状態に巻き戻します。\",\"href\":\"/ja/checkpointing\"},{\"title\":\"Hooksリファレンス\",\"description\":\"このページでは、Claude Codeでhooksを実装するためのリファレンスドキュメントを提供します。\",\"href\":\"/ja/hooks\"},{\"title\":\"プラグインリファレンス\",\"description\":\"Claude Code プラグインシステムの完全な技術リファレンス。スキーマ、CLI コマンド、コンポーネント仕様を含みます。\",\"href\":\"/ja/plugins-reference\"}]}]},{\"tab\":\"リソース\",\"groups\":[{\"group\":\"リソース\",\"pages\":[{\"title\":\"法的およびコンプライアンス\",\"description\":\"Claude Codeの法的契約、コンプライアンス認証、およびセキュリティ情報。\",\"href\":\"/ja/legal-and-compliance\"}]}]}]},{\"language\":\"es\",\"tabs\":[{\"tab\":\"Primeros pasos\",\"groups\":[{\"group\":\"Primeros pasos\",\"pages\":[{\"sidebarTitle\":\"Descripción general\",\"title\":\"Descripción general de Claude Code\",\"description\":\"Claude Code es una herramienta de codificación agéntica que lee tu base de código, edita archivos, ejecuta comandos e integra con tus herramientas de desarrollo. Disponible en tu terminal, IDE, aplicación de escritorio y navegador.\",\"href\":\"/es/overview\"},{\"title\":\"Guía de inicio rápido\",\"description\":\"¡Bienvenido a Claude Code!\",\"href\":\"/es/quickstart\"},{\"title\":\"Registro de cambios\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/es/changelog\"}]},{\"group\":\"Conceptos fundamentales\",\"pages\":[{\"title\":\"Cómo funciona Claude Code\",\"description\":\"Comprenda el bucle agentico, las herramientas integradas y cómo Claude Code interactúa con su proyecto.\",\"href\":\"/es/how-claude-code-works\"},{\"title\":\"Extender Claude Code\",\"description\":\"Comprenda cuándo usar CLAUDE.md, Skills, subagents, hooks, MCP y plugins.\",\"href\":\"/es/features-overview\"},{\"title\":\"Flujos de trabajo comunes\",\"description\":\"Guías paso a paso para explorar bases de código, corregir errores, refactorizar, probar y otras tareas cotidianas con Claude Code.\",\"href\":\"/es/common-workflows\"},{\"title\":\"Mejores prácticas para Claude Code\",\"description\":\"Consejos y patrones para aprovechar al máximo Claude Code, desde configurar su entorno hasta escalar entre sesiones paralelas.\",\"href\":\"/es/best-practices\"}]},{\"group\":\"Plataformas e integraciones\",\"pages\":[{\"title\":\"Claude Code en la web\",\"description\":\"Ejecuta tareas de Claude Code de forma asincrónica en infraestructura en la nube segura\",\"href\":\"/es/claude-code-on-the-web\"},{\"group\":\"Claude Code en escritorio\",\"pages\":[{\"title\":\"Desktop quickstart\",\"href\":\"/es/desktop-quickstart\"},{\"title\":\"Claude Code en escritorio\",\"description\":\"Ejecuta tareas de Claude Code localmente o en infraestructura en la nube segura con la aplicación de escritorio de Claude\",\"href\":\"/es/desktop\"}]},{\"title\":\"Usar Claude Code con Chrome (beta)\",\"sidebarTitle\":\"Extensión de Chrome (beta)\",\"description\":\"Conecta Claude Code a tu navegador Chrome para probar aplicaciones web, depurar con registros de consola, automatizar el relleno de formularios y extraer datos de páginas web.\",\"href\":\"/es/chrome\"},{\"title\":\"Usar Claude Code en VS Code\",\"description\":\"Instala y configura la extensión Claude Code para VS Code. Obtén asistencia de codificación con IA con diffs en línea, menciones @, revisión de planes y atajos de teclado.\",\"href\":\"/es/vs-code\"},{\"title\":\"JetBrains IDEs\",\"description\":\"Usa Claude Code con JetBrains IDEs incluyendo IntelliJ, PyCharm, WebStorm y más\",\"href\":\"/es/jetbrains\"},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Aprenda a integrar Claude Code en su flujo de trabajo de desarrollo con Claude Code GitHub Actions\",\"href\":\"/es/github-actions\"},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Aprenda a integrar Claude Code en su flujo de trabajo de desarrollo con GitLab CI/CD\",\"href\":\"/es/gitlab-ci-cd\"},{\"title\":\"Claude Code en Slack\",\"description\":\"Delega tareas de codificación directamente desde tu espacio de trabajo de Slack\",\"href\":\"/es/slack\"}]}]},{\"tab\":\"Crear con Claude Code\",\"groups\":[{\"group\":\"Crear con Claude Code\",\"pages\":[{\"title\":\"Crear subagentes personalizados\",\"description\":\"Crea y utiliza subagentes de IA especializados en Claude Code para flujos de trabajo específicos de tareas y una mejor gestión del contexto.\",\"href\":\"/es/sub-agents\"},{\"title\":\"Orquestar equipos de sesiones de Claude Code\",\"description\":\"Coordina múltiples instancias de Claude Code trabajando juntas como un equipo, con tareas compartidas, mensajería entre agentes y gestión centralizada.\",\"href\":\"/es/agent-teams\"},{\"title\":\"Crear plugins\",\"sidebarTitle\":\"Crear plugins\",\"description\":\"Crea plugins personalizados para extender Claude Code con skills, agentes, hooks y servidores MCP.\",\"href\":\"/es/plugins\"},{\"title\":\"Descubre e instala complementos precompilados a través de mercados\",\"description\":\"Encuentra e instala complementos desde mercados para extender Claude Code con nuevos comandos, agentes y capacidades.\",\"href\":\"/es/discover-plugins\"},{\"title\":\"Extender Claude con habilidades\",\"description\":\"Crea, gestiona y comparte habilidades para extender las capacidades de Claude en Claude Code. Incluye comandos de barra diagonal personalizados.\",\"href\":\"/es/skills\"},{\"title\":\"Estilos de salida\",\"description\":\"Adapte Claude Code para usos más allá de la ingeniería de software\",\"href\":\"/es/output-styles\"},{\"title\":\"Comenzar con los hooks de Claude Code\",\"description\":\"Aprende cómo personalizar y extender el comportamiento de Claude Code registrando comandos de shell\",\"href\":\"/es/hooks-guide\"},{\"title\":\"Ejecutar Claude Code mediante programación\",\"description\":\"Utilice el Agent SDK para ejecutar Claude Code mediante programación desde la CLI, Python o TypeScript.\",\"href\":\"/es/headless\"},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"Conecta Claude Code a herramientas a través de MCP\",\"description\":\"Aprende cómo conectar Claude Code a tus herramientas con el Model Context Protocol.\",\"href\":\"/es/mcp\"},{\"title\":\"Solución de problemas\",\"description\":\"Descubre soluciones a problemas comunes con la instalación y uso de Claude Code.\",\"href\":\"/es/troubleshooting\"}]}]},{\"tab\":\"Implementación\",\"groups\":[{\"group\":\"Implementación\",\"pages\":[{\"title\":\"Descripción general de implementación empresarial\",\"sidebarTitle\":\"Descripción general\",\"description\":\"Aprende cómo Claude Code puede integrarse con varios servicios de terceros e infraestructura para cumplir con los requisitos de implementación empresarial.\",\"href\":\"/es/third-party-integrations\"},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Claude Code en Amazon Bedrock\",\"description\":\"Aprenda a configurar Claude Code a través de Amazon Bedrock, incluyendo configuración, configuración de IAM y solución de problemas.\",\"href\":\"/es/amazon-bedrock\"},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Claude Code en Google Vertex AI\",\"description\":\"Aprenda a configurar Claude Code a través de Google Vertex AI, incluyendo configuración, configuración de IAM y solución de problemas.\",\"href\":\"/es/google-vertex-ai\"},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code en Microsoft Foundry\",\"description\":\"Aprende a configurar Claude Code a través de Microsoft Foundry, incluyendo configuración, instalación y solución de problemas.\",\"href\":\"/es/microsoft-foundry\"},{\"sidebarTitle\":\"Configuración de red\",\"title\":\"Configuración de red empresarial\",\"description\":\"Configure Claude Code para entornos empresariales con servidores proxy, Autoridades de Certificación (CA) personalizadas y autenticación mutua de Seguridad de la Capa de Transporte (mTLS).\",\"href\":\"/es/network-config\"},{\"sidebarTitle\":\"Puerta de enlace LLM\",\"title\":\"Configuración de la puerta de enlace LLM\",\"description\":\"Aprende cómo configurar Claude Code para trabajar con soluciones de puerta de enlace LLM. Cubre requisitos de puerta de enlace, configuración de autenticación, selección de modelos y configuración de puntos finales específicos del proveedor.\",\"href\":\"/es/llm-gateway\"},{\"title\":\"Contenedores de desarrollo\",\"description\":\"Aprende sobre el contenedor de desarrollo de Claude Code para equipos que necesitan entornos consistentes y seguros.\",\"href\":\"/es/devcontainer\"}]}]},{\"tab\":\"Administración\",\"groups\":[{\"group\":\"Administración\",\"pages\":[{\"sidebarTitle\":\"Instalación avanzada\",\"title\":\"Configurar Claude Code\",\"description\":\"Instala, autentica y comienza a usar Claude Code en tu máquina de desarrollo.\",\"href\":\"/es/setup\"},{\"title\":\"Authentication\",\"href\":\"/es/authentication\"},{\"title\":\"Seguridad\",\"description\":\"Aprende sobre las medidas de seguridad de Claude Code y las mejores prácticas para un uso seguro.\",\"href\":\"/es/security\"},{\"title\":\"Server managed settings\",\"href\":\"/es/server-managed-settings\"},{\"title\":\"Uso de datos\",\"description\":\"Conozca las políticas de uso de datos de Anthropic para Claude\",\"href\":\"/es/data-usage\"},{\"title\":\"Monitoreo\",\"description\":\"Aprende cómo habilitar y configurar OpenTelemetry para Claude Code.\",\"href\":\"/es/monitoring-usage\"},{\"sidebarTitle\":\"Costos\",\"title\":\"Gestionar costos de manera efectiva\",\"description\":\"Aprende cómo rastrear y optimizar el uso de tokens y costos al usar Claude Code.\",\"href\":\"/es/costs\"},{\"title\":\"Análisis\",\"description\":\"Ver información detallada de uso e indicadores de productividad para la implementación de Claude Code de su organización.\",\"href\":\"/es/analytics\"},{\"title\":\"Crear y distribuir un marketplace de plugins\",\"sidebarTitle\":\"Crear y distribuir un marketplace de plugins\",\"description\":\"Cree y aloje marketplaces de plugins para distribuir extensiones de Claude Code en equipos y comunidades.\",\"href\":\"/es/plugin-marketplaces\"}]}]},{\"tab\":\"Configuración\",\"groups\":[{\"group\":\"Configuración\",\"pages\":[{\"sidebarTitle\":\"Configuración\",\"title\":\"Configuración de Claude Code\",\"description\":\"Configure Claude Code con configuraciones globales y a nivel de proyecto, y variables de entorno.\",\"href\":\"/es/settings\"},{\"sidebarTitle\":\"Permisos\",\"title\":\"Configurar permisos\",\"description\":\"Controle lo que Claude Code puede acceder y hacer con reglas de permisos granulares, modos y políticas administradas.\",\"href\":\"/es/permissions\"},{\"title\":\"Aislamiento de seguridad\",\"description\":\"Aprende cómo la herramienta bash aislada de Claude Code proporciona aislamiento del sistema de archivos y de la red para una ejecución de agentes más segura y autónoma.\",\"href\":\"/es/sandboxing\"},{\"sidebarTitle\":\"Configuración de terminal\",\"title\":\"Optimiza tu configuración de terminal\",\"description\":\"Claude Code funciona mejor cuando tu terminal está correctamente configurada. Sigue estas directrices para optimizar tu experiencia.\",\"href\":\"/es/terminal-config\"},{\"title\":\"Configuración del modelo\",\"description\":\"Aprenda sobre la configuración del modelo Claude Code, incluidos los alias de modelo como `opusplan`\",\"href\":\"/es/model-config\"},{\"title\":\"Fast mode\",\"href\":\"/es/fast-mode\"},{\"sidebarTitle\":\"Gestión de memoria\",\"title\":\"Gestionar la memoria de Claude\",\"description\":\"Aprende cómo gestionar la memoria de Claude Code en diferentes sesiones con diferentes ubicaciones de memoria y mejores prácticas.\",\"href\":\"/es/memory\"},{\"title\":\"Configuración de la línea de estado\",\"description\":\"Crea una línea de estado personalizada para Claude Code para mostrar información contextual\",\"href\":\"/es/statusline\"},{\"title\":\"Personalizar atajos de teclado\",\"description\":\"Personaliza atajos de teclado en Claude Code con un archivo de configuración de keybindings.\",\"href\":\"/es/keybindings\"}]}]},{\"tab\":\"Referencia\",\"groups\":[{\"group\":\"Referencia\",\"pages\":[{\"title\":\"Referencia de CLI\",\"description\":\"Referencia completa de la interfaz de línea de comandos de Claude Code, incluyendo comandos y banderas.\",\"href\":\"/es/cli-reference\"},{\"title\":\"Modo interactivo\",\"description\":\"Referencia completa de atajos de teclado, modos de entrada y características interactivas en sesiones de Claude Code.\",\"href\":\"/es/interactive-mode\"},{\"title\":\"checkpoint\",\"description\":\"Realiza un seguimiento automático y revierte los cambios de Claude para recuperarse rápidamente de cambios no deseados.\",\"href\":\"/es/checkpointing\"},{\"title\":\"Referencia de hooks\",\"description\":\"Esta página proporciona documentación de referencia para implementar hooks en Claude Code.\",\"href\":\"/es/hooks\"},{\"title\":\"Referencia de plugins\",\"description\":\"Referencia técnica completa para el sistema de plugins de Claude Code, incluyendo esquemas, comandos CLI y especificaciones de componentes.\",\"href\":\"/es/plugins-reference\"}]}]},{\"tab\":\"Recursos\",\"groups\":[{\"group\":\"Recursos\",\"pages\":[{\"title\":\"Legal y cumplimiento\",\"description\":\"Acuerdos legales, certificaciones de cumplimiento e información de seguridad para Claude Code.\",\"href\":\"/es/legal-and-compliance\"}]}]}]},{\"language\":\"ko\",\"tabs\":[{\"tab\":\"시작하기\",\"groups\":[{\"group\":\"시작하기\",\"pages\":[{\"sidebarTitle\":\"개요\",\"title\":\"Claude Code 개요\",\"description\":\"Claude Code는 코드베이스를 읽고, 파일을 편집하고, 명령을 실행하고, 개발 도구와 통합하는 에이전트 코딩 도구입니다. 터미널, IDE, 데스크톱 앱, 브라우저에서 사용할 수 있습니다.\",\"href\":\"/ko/overview\"},{\"title\":\"빠른 시작\",\"description\":\"Claude Code에 오신 것을 환영합니다!\",\"href\":\"/ko/quickstart\"},{\"title\":\"변경 로그\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/ko/changelog\"}]},{\"group\":\"핵심 개념\",\"pages\":[{\"title\":\"Claude Code 작동 방식\",\"description\":\"에이전트 루프, 내장 도구, Claude Code가 프로젝트와 상호작용하는 방식을 이해합니다.\",\"href\":\"/ko/how-claude-code-works\"},{\"title\":\"Claude Code 확장하기\",\"sidebarTitle\":\"Claude Code 확장하기\",\"description\":\"CLAUDE.md, Skills, subagents, hooks, MCP, 플러그인을 언제 사용할지 이해합니다.\",\"href\":\"/ko/features-overview\"},{\"title\":\"일반적인 워크플로우\",\"description\":\"Claude Code를 사용하여 코드베이스 탐색, 버그 수정, 리팩토링, 테스트 및 기타 일상적인 작업을 위한 단계별 가이드입니다.\",\"href\":\"/ko/common-workflows\"},{\"title\":\"Claude Code 모범 사례\",\"description\":\"환경 구성부터 병렬 세션 확장까지 Claude Code를 최대한 활용하기 위한 팁과 패턴입니다.\",\"href\":\"/ko/best-practices\"}]},{\"group\":\"플랫폼 및 통합\",\"pages\":[{\"title\":\"웹에서 Claude Code 실행\",\"description\":\"안전한 클라우드 인프라에서 Claude Code 작업을 비동기적으로 실행합니다\",\"href\":\"/ko/claude-code-on-the-web\"},{\"group\":\"Claude Code 데스크톱\",\"pages\":[{\"title\":\"Desktop quickstart\",\"href\":\"/ko/desktop-quickstart\"},{\"title\":\"데스크톱의 Claude Code\",\"description\":\"Claude 데스크톱 앱으로 로컬 또는 보안 클라우드 인프라에서 Claude Code 작업 실행\",\"href\":\"/ko/desktop\"}]},{\"title\":\"Chrome에서 Claude Code 사용하기 (베타)\",\"sidebarTitle\":\"Chrome 확장 프로그램 (베타)\",\"description\":\"Claude Code를 Chrome 브라우저에 연결하여 웹 앱을 테스트하고, 콘솔 로그로 디버깅하며, 양식 작성을 자동화하고, 웹 페이지에서 데이터를 추출합니다.\",\"href\":\"/ko/chrome\"},{\"title\":\"VS Code에서 Claude Code 사용하기\",\"sidebarTitle\":\"Visual Studio Code\",\"description\":\"VS Code용 Claude Code 확장 프로그램을 설치하고 구성합니다. 인라인 diff, @-멘션, 계획 검토 및 키보드 단축키를 통해 AI 코딩 지원을 받습니다.\",\"href\":\"/ko/vs-code\"},{\"title\":\"JetBrains IDEs\",\"description\":\"Claude Code를 IntelliJ, PyCharm, WebStorm 등 JetBrains IDE와 함께 사용하기\",\"href\":\"/ko/jetbrains\"},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Claude Code를 GitHub Actions와 통합하여 개발 워크플로우에 AI 기반 자동화를 추가하는 방법을 알아봅니다\",\"href\":\"/ko/github-actions\"},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Claude Code를 GitLab CI/CD와 함께 개발 워크플로우에 통합하는 방법을 알아봅니다\",\"href\":\"/ko/gitlab-ci-cd\"},{\"title\":\"Slack의 Claude Code\",\"description\":\"Slack 워크스페이스에서 직접 코딩 작업 위임\",\"href\":\"/ko/slack\"}]}]},{\"tab\":\"Claude Code로 빌드하기\",\"groups\":[{\"group\":\"Claude Code로 빌드하기\",\"pages\":[{\"title\":\"사용자 정의 subagent 만들기\",\"description\":\"Claude Code에서 작업별 워크플로우 및 향상된 컨텍스트 관리를 위해 특화된 AI subagent를 만들고 사용합니다.\",\"href\":\"/ko/sub-agents\"},{\"title\":\"Claude Code 세션 팀 조율하기\",\"sidebarTitle\":\"에이전트 팀 실행\",\"description\":\"여러 Claude Code 인스턴스를 팀으로 함께 작동하도록 조율하며, 공유 작업, 에이전트 간 메시징, 중앙 집중식 관리를 지원합니다.\",\"href\":\"/ko/agent-teams\"},{\"title\":\"플러그인 만들기\",\"sidebarTitle\":\"플러그인 만들기\",\"description\":\"Claude Code를 skills, agents, hooks 및 MCP 서버로 확장하는 사용자 정의 플러그인을 만듭니다.\",\"href\":\"/ko/plugins\"},{\"title\":\"마켓플레이스를 통해 미리 빌드된 플러그인 발견 및 설치\",\"description\":\"마켓플레이스에서 플러그인을 찾아 설치하여 Claude Code를 새로운 명령, 에이전트 및 기능으로 확장하세요.\",\"href\":\"/ko/discover-plugins\"},{\"title\":\"Claude를 기술로 확장하기\",\"description\":\"Claude Code에서 기술을 생성, 관리 및 공유하여 Claude의 기능을 확장합니다. 사용자 정의 슬래시 명령어를 포함합니다.\",\"href\":\"/ko/skills\"},{\"title\":\"출력 스타일\",\"description\":\"소프트웨어 엔지니어링 이상의 용도로 Claude Code 적응시키기\",\"href\":\"/ko/output-styles\"},{\"title\":\"Claude Code 훅 시작하기\",\"description\":\"셸 명령을 등록하여 Claude Code의 동작을 사용자 정의하고 확장하는 방법을 알아봅니다\",\"href\":\"/ko/hooks-guide\"},{\"title\":\"Claude Code를 프로그래밍 방식으로 실행하기\",\"sidebarTitle\":\"프로그래밍 방식 사용\",\"description\":\"Agent SDK를 사용하여 CLI, Python 또는 TypeScript에서 Claude Code를 프로그래밍 방식으로 실행합니다.\",\"href\":\"/ko/headless\"},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"MCP를 통해 Claude Code를 도구에 연결\",\"description\":\"Model Context Protocol을 사용하여 Claude Code를 도구에 연결하는 방법을 알아봅니다.\",\"href\":\"/ko/mcp\"},{\"title\":\"문제 해결\",\"description\":\"Claude Code 설치 및 사용 시 발생하는 일반적인 문제에 대한 해결책을 알아보세요.\",\"href\":\"/ko/troubleshooting\"}]}]},{\"tab\":\"배포\",\"groups\":[{\"group\":\"배포\",\"pages\":[{\"title\":\"엔터프라이즈 배포 개요\",\"sidebarTitle\":\"개요\",\"description\":\"Claude Code가 다양한 타사 서비스 및 인프라와 통합되어 엔터프라이즈 배포 요구사항을 충족하는 방법을 알아봅니다.\",\"href\":\"/ko/third-party-integrations\"},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Amazon Bedrock의 Claude Code\",\"description\":\"Amazon Bedrock을 통한 Claude Code 구성, 설정, IAM 구성 및 문제 해결에 대해 알아봅니다.\",\"href\":\"/ko/amazon-bedrock\"},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Google Vertex AI에서 Claude Code 사용하기\",\"description\":\"Google Vertex AI를 통한 Claude Code 구성, 설정, IAM 구성 및 문제 해결에 대해 알아봅니다.\",\"href\":\"/ko/google-vertex-ai\"},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Microsoft Foundry의 Claude Code\",\"description\":\"설정, 구성 및 문제 해결을 포함하여 Microsoft Foundry를 통해 Claude Code를 구성하는 방법을 알아봅니다.\",\"href\":\"/ko/microsoft-foundry\"},{\"sidebarTitle\":\"네트워크 구성\",\"title\":\"엔터프라이즈 네트워크 구성\",\"description\":\"프록시 서버, 사용자 정의 인증 기관(CA), 상호 전송 계층 보안(mTLS) 인증을 통해 엔터프라이즈 환경에서 Claude Code를 구성합니다.\",\"href\":\"/ko/network-config\"},{\"sidebarTitle\":\"LLM gateway\",\"title\":\"LLM gateway 구성\",\"description\":\"Claude Code를 LLM gateway 솔루션과 함께 작동하도록 구성하는 방법을 알아봅니다. Gateway 요구사항, 인증 구성, 모델 선택 및 공급자별 엔드포인트 설정을 다룹니다.\",\"href\":\"/ko/llm-gateway\"},{\"title\":\"개발 컨테이너\",\"description\":\"일관된 보안 환경이 필요한 팀을 위한 Claude Code 개발 컨테이너에 대해 알아보세요.\",\"href\":\"/ko/devcontainer\"}]}]},{\"tab\":\"관리\",\"groups\":[{\"group\":\"관리\",\"pages\":[{\"sidebarTitle\":\"고급 설치\",\"title\":\"Claude Code 설정\",\"description\":\"개발 머신에 Claude Code를 설치, 인증 및 시작하세요.\",\"href\":\"/ko/setup\"},{\"title\":\"Authentication\",\"href\":\"/ko/authentication\"},{\"title\":\"보안\",\"description\":\"Claude Code의 보안 보호 기능과 안전한 사용을 위한 모범 사례에 대해 알아보세요.\",\"href\":\"/ko/security\"},{\"title\":\"Server managed settings\",\"href\":\"/ko/server-managed-settings\"},{\"title\":\"데이터 사용\",\"description\":\"Anthropic의 Claude 데이터 사용 정책에 대해 알아봅니다\",\"href\":\"/ko/data-usage\"},{\"title\":\"모니터링\",\"description\":\"Claude Code에 대한 OpenTelemetry를 활성화하고 구성하는 방법을 알아봅니다.\",\"href\":\"/ko/monitoring-usage\"},{\"sidebarTitle\":\"비용\",\"title\":\"비용을 효과적으로 관리하기\",\"description\":\"Claude Code 사용 시 토큰 사용량과 비용을 추적하고 최적화하는 방법을 알아봅니다.\",\"href\":\"/ko/costs\"},{\"title\":\"분석\",\"description\":\"조직의 Claude Code 배포에 대한 상세한 사용 현황 및 생산성 지표를 확인하세요.\",\"href\":\"/ko/analytics\"},{\"title\":\"플러그인 마켓플레이스 생성 및 배포\",\"sidebarTitle\":\"플러그인 마켓플레이스 생성 및 배포\",\"description\":\"Claude Code 확장 프로그램을 배포하기 위한 플러그인 마켓플레이스를 구축하고 호스팅합니다.\",\"href\":\"/ko/plugin-marketplaces\"}]}]},{\"tab\":\"구성\",\"groups\":[{\"group\":\"구성\",\"pages\":[{\"sidebarTitle\":\"설정\",\"title\":\"Claude Code 설정\",\"description\":\"전역 및 프로젝트 수준 설정과 환경 변수로 Claude Code를 구성합니다.\",\"href\":\"/ko/settings\"},{\"sidebarTitle\":\"권한\",\"title\":\"권한 구성\",\"description\":\"세분화된 권한 규칙, 모드 및 관리형 정책으로 Claude Code가 액세스하고 수행할 수 있는 작업을 제어합니다.\",\"href\":\"/ko/permissions\"},{\"title\":\"샌드박싱\",\"description\":\"Claude Code의 샌드박스된 bash 도구가 파일시스템 및 네트워크 격리를 제공하여 더 안전하고 자율적인 에이전트 실행을 가능하게 하는 방법을 알아봅니다.\",\"href\":\"/ko/sandboxing\"},{\"sidebarTitle\":\"터미널 구성\",\"title\":\"터미널 설정 최적화\",\"description\":\"Claude Code는 터미널이 제대로 구성되었을 때 최적으로 작동합니다. 이 지침을 따라 환경을 최적화하세요.\",\"href\":\"/ko/terminal-config\"},{\"title\":\"모델 구성\",\"description\":\"Claude Code 모델 구성에 대해 알아보기, `opusplan`과 같은 모델 별칭 포함\",\"href\":\"/ko/model-config\"},{\"title\":\"Fast mode\",\"href\":\"/ko/fast-mode\"},{\"sidebarTitle\":\"메모리 관리\",\"title\":\"Claude의 메모리 관리\",\"description\":\"다양한 메모리 위치와 모범 사례를 통해 세션 간 Claude Code의 메모리를 관리하는 방법을 알아봅니다.\",\"href\":\"/ko/memory\"},{\"title\":\"상태 라인 구성\",\"description\":\"Claude Code에 대한 사용자 정의 상태 라인을 만들어 상황별 정보를 표시합니다\",\"href\":\"/ko/statusline\"},{\"title\":\"키보드 단축키 사용자 정의\",\"description\":\"keybindings 구성 파일을 사용하여 Claude Code에서 키보드 단축키를 사용자 정의합니다.\",\"href\":\"/ko/keybindings\"}]}]},{\"tab\":\"참고\",\"groups\":[{\"group\":\"참고\",\"pages\":[{\"title\":\"CLI 참조\",\"description\":\"Claude Code 명령줄 인터페이스의 완전한 참조로, 명령어와 플래그를 포함합니다.\",\"href\":\"/ko/cli-reference\"},{\"title\":\"대화형 모드\",\"description\":\"Claude Code 세션의 키보드 단축키, 입력 모드 및 대화형 기능에 대한 완전한 참조입니다.\",\"href\":\"/ko/interactive-mode\"},{\"title\":\"Checkpointing\",\"description\":\"Claude의 편집을 자동으로 추적하고 원하지 않는 변경 사항에서 빠르게 복구하기 위해 되감기합니다.\",\"href\":\"/ko/checkpointing\"},{\"title\":\"Hooks 참조\",\"description\":\"이 페이지는 Claude Code에서 hooks를 구현하기 위한 참조 문서를 제공합니다.\",\"href\":\"/ko/hooks\"},{\"title\":\"플러그인 참조\",\"description\":\"Claude Code 플러그인 시스템의 완전한 기술 참조, 스키마, CLI 명령어 및 컴포넌트 사양 포함.\",\"href\":\"/ko/plugins-reference\"}]}]},{\"tab\":\"리소스\",\"groups\":[{\"group\":\"리소스\",\"pages\":[{\"title\":\"법률 및 규정 준수\",\"description\":\"Claude Code에 대한 법률 계약, 규정 준수 인증 및 보안 정보.\",\"href\":\"/ko/legal-and-compliance\"}]}]}]},{\"language\":\"cn\",\"tabs\":[{\"tab\":\"快速开始\",\"groups\":[{\"group\":\"快速开始\",\"pages\":[{\"sidebarTitle\":\"概览\",\"title\":\"Claude Code 概览\",\"description\":\"Claude Code 是一个代理编码工具，可以读取你的代码库、编辑文件、运行命令，并与你的开发工具集成。可在终端、IDE、桌面应用和浏览器中使用。\",\"href\":\"/zh-CN/overview\"},{\"title\":\"快速入门\",\"description\":\"欢迎使用 Claude Code！\",\"href\":\"/zh-CN/quickstart\"},{\"title\":\"更新日志\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/zh-CN/changelog\"}]},{\"group\":\"核心概念\",\"pages\":[{\"title\":\"Claude Code 如何工作\",\"description\":\"了解代理循环、内置工具以及 Claude Code 如何与您的项目交互。\",\"href\":\"/zh-CN/how-claude-code-works\"},{\"title\":\"扩展 Claude Code\",\"sidebarTitle\":\"扩展 Claude Code\",\"description\":\"了解何时使用 CLAUDE.md、Skills、subagents、hooks、MCP 和 plugins。\",\"href\":\"/zh-CN/features-overview\"},{\"title\":\"常见工作流程\",\"description\":\"使用 Claude Code 探索代码库、修复错误、重构、测试和其他日常任务的分步指南。\",\"href\":\"/zh-CN/common-workflows\"},{\"title\":\"Claude Code 最佳实践\",\"sidebarTitle\":\"最佳实践\",\"description\":\"从配置环境到跨并行会话扩展，充分利用 Claude Code 的提示和模式。\",\"href\":\"/zh-CN/best-practices\"}]},{\"group\":\"平台和集成\",\"pages\":[{\"title\":\"Claude Code on the web\",\"description\":\"在安全的云基础设施上异步运行 Claude Code 任务\",\"href\":\"/zh-CN/claude-code-on-the-web\"},{\"group\":\"Claude Code 桌面版\",\"pages\":[{\"title\":\"Desktop quickstart\",\"href\":\"/zh-CN/desktop-quickstart\"},{\"title\":\"Claude Code 桌面版\",\"description\":\"在本地或安全的云基础设施上运行 Claude Code 任务，使用 Claude 桌面应用\",\"href\":\"/zh-CN/desktop\"}]},{\"title\":\"在 Chrome 中使用 Claude Code（测试版）\",\"sidebarTitle\":\"Chrome 扩展程序（测试版）\",\"description\":\"将 Claude Code 连接到 Chrome 浏览器，以测试网络应用、使用控制台日志进行调试、自动填充表单以及从网页中提取数据。\",\"href\":\"/zh-CN/chrome\"},{\"title\":\"在 VS Code 中使用 Claude Code\",\"description\":\"安装和配置 VS Code 的 Claude Code 扩展。获得 AI 编码协助，包括内联差异、@-提及、计划审查和快捷键。\",\"href\":\"/zh-CN/vs-code\"},{\"title\":\"JetBrains IDEs\",\"description\":\"在 JetBrains IDEs（包括 IntelliJ、PyCharm、WebStorm 等）中使用 Claude Code\",\"href\":\"/zh-CN/jetbrains\"},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"了解如何将 Claude Code 集成到您的开发工作流中，使用 Claude Code GitHub Actions\",\"href\":\"/zh-CN/github-actions\"},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"了解如何将 Claude Code 集成到您的 GitLab CI/CD 开发工作流中\",\"href\":\"/zh-CN/gitlab-ci-cd\"},{\"title\":\"Slack 中的 Claude Code\",\"description\":\"直接从 Slack 工作区委派编码任务\",\"href\":\"/zh-CN/slack\"}]}]},{\"tab\":\"使用 Claude Code 构建\",\"groups\":[{\"group\":\"使用 Claude Code 构建\",\"pages\":[{\"title\":\"创建自定义 subagents\",\"description\":\"在 Claude Code 中创建和使用专门的 AI subagents，用于特定任务的工作流和改进的上下文管理。\",\"href\":\"/zh-CN/sub-agents\"},{\"title\":\"协调 Claude Code 会话团队\",\"description\":\"协调多个 Claude Code 实例作为一个团队一起工作，具有共享任务、代理间消息传递和集中管理。\",\"href\":\"/zh-CN/agent-teams\"},{\"title\":\"创建插件\",\"sidebarTitle\":\"创建插件\",\"description\":\"创建自定义插件以使用 skills、agents、hooks 和 MCP servers 扩展 Claude Code。\",\"href\":\"/zh-CN/plugins\"},{\"title\":\"通过市场发现和安装预构建插件\",\"description\":\"从市场发现和安装插件，以使用新命令、代理和功能扩展 Claude Code。\",\"href\":\"/zh-CN/discover-plugins\"},{\"title\":\"使用技能扩展 Claude\",\"description\":\"在 Claude Code 中创建、管理和共享技能以扩展 Claude 的功能。包括自定义斜杠命令。\",\"href\":\"/zh-CN/skills\"},{\"title\":\"输出样式\",\"description\":\"将 Claude Code 适配用于软件工程之外的用途\",\"href\":\"/zh-CN/output-styles\"},{\"title\":\"Claude Code 钩子入门\",\"description\":\"学习如何通过注册 shell 命令来自定义和扩展 Claude Code 的行为\",\"href\":\"/zh-CN/hooks-guide\"},{\"title\":\"以编程方式运行 Claude Code\",\"description\":\"使用 Agent SDK 从 CLI、Python 或 TypeScript 以编程方式运行 Claude Code。\",\"sidebarTitle\":\"编程使用\",\"href\":\"/zh-CN/headless\"},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"通过 MCP 将 Claude Code 连接到工具\",\"description\":\"了解如何使用 Model Context Protocol 将 Claude Code 连接到您的工具。\",\"href\":\"/zh-CN/mcp\"},{\"title\":\"故障排除\",\"description\":\"发现 Claude Code 安装和使用中常见问题的解决方案。\",\"href\":\"/zh-CN/troubleshooting\"}]}]},{\"tab\":\"部署\",\"groups\":[{\"group\":\"部署\",\"pages\":[{\"title\":\"企业部署概述\",\"sidebarTitle\":\"概述\",\"description\":\"了解 Claude Code 如何与各种第三方服务和基础设施集成，以满足企业部署需求。\",\"href\":\"/zh-CN/third-party-integrations\"},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Amazon Bedrock 上的 Claude Code\",\"description\":\"了解如何通过 Amazon Bedrock 配置 Claude Code，包括设置、IAM 配置和故障排除。\",\"href\":\"/zh-CN/amazon-bedrock\"},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Google Vertex AI 上的 Claude Code\",\"description\":\"了解如何通过 Google Vertex AI 配置 Claude Code，包括设置、IAM 配置和故障排除。\",\"href\":\"/zh-CN/google-vertex-ai\"},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code on Microsoft Foundry\",\"description\":\"了解如何通过 Microsoft Foundry 配置 Claude Code，包括设置、配置和故障排除。\",\"href\":\"/zh-CN/microsoft-foundry\"},{\"sidebarTitle\":\"网络配置\",\"title\":\"企业网络配置\",\"description\":\"为企业环境配置 Claude Code，支持代理服务器、自定义证书颁发机构 (CA) 和相互传输层安全 (mTLS) 身份验证。\",\"href\":\"/zh-CN/network-config\"},{\"sidebarTitle\":\"LLM gateway\",\"title\":\"LLM gateway 配置\",\"description\":\"了解如何配置 Claude Code 以使用 LLM gateway 解决方案。涵盖网关要求、身份验证配置、模型选择和特定提供商的端点设置。\",\"href\":\"/zh-CN/llm-gateway\"},{\"title\":\"开发容器\",\"description\":\"了解 Claude Code 开发容器，适用于需要一致、安全环境的团队。\",\"href\":\"/zh-CN/devcontainer\"}]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[{\"sidebarTitle\":\"高级安装\",\"title\":\"设置 Claude Code\",\"description\":\"在您的开发机器上安装、认证和开始使用 Claude Code。\",\"href\":\"/zh-CN/setup\"},{\"title\":\"Authentication\",\"href\":\"/zh-CN/authentication\"},{\"title\":\"安全性\",\"description\":\"了解 Claude Code 的安全防护措施和安全使用的最佳实践。\",\"href\":\"/zh-CN/security\"},{\"title\":\"Server managed settings\",\"href\":\"/zh-CN/server-managed-settings\"},{\"title\":\"数据使用\",\"description\":\"了解 Anthropic 对 Claude 的数据使用政策\",\"href\":\"/zh-CN/data-usage\"},{\"title\":\"监控\",\"description\":\"了解如何为 Claude Code 启用和配置 OpenTelemetry。\",\"href\":\"/zh-CN/monitoring-usage\"},{\"sidebarTitle\":\"成本\",\"title\":\"有效管理成本\",\"description\":\"了解如何在使用 Claude Code 时跟踪和优化令牌使用情况和成本。\",\"href\":\"/zh-CN/costs\"},{\"title\":\"分析\",\"description\":\"查看您组织的 Claude Code 部署的详细使用情况洞察和生产力指标。\",\"href\":\"/zh-CN/analytics\"},{\"title\":\"创建和分发 plugin marketplace\",\"description\":\"构建和托管 plugin marketplace，以在团队和社区中分发 Claude Code 扩展。\",\"href\":\"/zh-CN/plugin-marketplaces\"}]}]},{\"tab\":\"配置\",\"groups\":[{\"group\":\"配置\",\"pages\":[{\"sidebarTitle\":\"设置\",\"title\":\"Claude Code 设置\",\"description\":\"使用全局和项目级设置以及环境变量配置 Claude Code。\",\"href\":\"/zh-CN/settings\"},{\"sidebarTitle\":\"权限\",\"title\":\"配置权限\",\"description\":\"通过细粒度权限规则、模式和托管策略来控制 Claude Code 可以访问和执行的操作。\",\"href\":\"/zh-CN/permissions\"},{\"title\":\"沙箱隔离\",\"description\":\"了解 Claude Code 的沙箱化 bash 工具如何提供文件系统和网络隔离，以实现更安全、更自主的代理执行。\",\"href\":\"/zh-CN/sandboxing\"},{\"sidebarTitle\":\"终端配置\",\"title\":\"优化您的终端设置\",\"description\":\"Claude Code 在终端配置正确时效果最佳。请按照这些指南来优化您的体验。\",\"href\":\"/zh-CN/terminal-config\"},{\"title\":\"模型配置\",\"description\":\"了解 Claude Code 模型配置，包括模型别名如 `opusplan`\",\"href\":\"/zh-CN/model-config\"},{\"title\":\"Fast mode\",\"href\":\"/zh-CN/fast-mode\"},{\"sidebarTitle\":\"内存管理\",\"title\":\"管理 Claude 的内存\",\"description\":\"了解如何通过不同的内存位置和最佳实践在会话中管理 Claude Code 的内存。\",\"href\":\"/zh-CN/memory\"},{\"title\":\"状态行配置\",\"description\":\"为 Claude Code 创建自定义状态行以显示上下文信息\",\"href\":\"/zh-CN/statusline\"},{\"title\":\"自定义快捷键\",\"description\":\"使用快捷键配置文件在 Claude Code 中自定义快捷键。\",\"href\":\"/zh-CN/keybindings\"}]}]},{\"tab\":\"参考\",\"groups\":[{\"group\":\"参考\",\"pages\":[{\"title\":\"CLI 参考\",\"description\":\"Claude Code 命令行界面的完整参考，包括命令和标志。\",\"href\":\"/zh-CN/cli-reference\"},{\"title\":\"交互模式\",\"description\":\"Claude Code 会话中键盘快捷键、输入模式和交互功能的完整参考。\",\"href\":\"/zh-CN/interactive-mode\"},{\"title\":\"checkpointing\",\"description\":\"自动跟踪和回退 Claude 的编辑，快速恢复不需要的更改。\",\"href\":\"/zh-CN/checkpointing\"},{\"title\":\"Hooks 参考\",\"description\":\"本页面提供在 Claude Code 中实现 hooks 的参考文档。\",\"href\":\"/zh-CN/hooks\"},{\"title\":\"插件参考\",\"description\":\"Claude Code 插件系统的完整技术参考，包括架构、CLI 命令和组件规范。\",\"href\":\"/zh-CN/plugins-reference\"}]}]},{\"tab\":\"资源\",\"groups\":[{\"group\":\"资源\",\"pages\":[{\"title\":\"法律和合规\",\"description\":\"Claude Code 的法律协议、合规认证和安全信息。\",\"href\":\"/zh-CN/legal-and-compliance\"}]}]}]},{\"language\":\"zh-Hant\",\"tabs\":[{\"tab\":\"開始使用\",\"groups\":[{\"group\":\"開始使用\",\"pages\":[{\"sidebarTitle\":\"概述\",\"title\":\"Claude Code 概述\",\"description\":\"Claude Code 是一個代理編碼工具，可以讀取您的程式碼庫、編輯檔案、執行命令，並與您的開發工具整合。可在您的終端、IDE、桌面應用程式和瀏覽器中使用。\",\"href\":\"/zh-TW/overview\"},{\"title\":\"快速入門\",\"description\":\"歡迎使用 Claude Code！\",\"href\":\"/zh-TW/quickstart\"},{\"title\":\"變更日誌\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/zh-TW/changelog\"}]},{\"group\":\"核心概念\",\"pages\":[{\"title\":\"Claude Code 如何運作\",\"description\":\"了解代理迴圈、內建工具，以及 Claude Code 如何與您的專案互動。\",\"href\":\"/zh-TW/how-claude-code-works\"},{\"title\":\"擴展 Claude Code\",\"sidebarTitle\":\"擴展 Claude Code\",\"description\":\"了解何時使用 CLAUDE.md、Skills、subagents、hooks、MCP 和 plugins。\",\"href\":\"/zh-TW/features-overview\"},{\"title\":\"常見工作流程\",\"description\":\"使用 Claude Code 探索程式碼庫、修復錯誤、重構、測試和其他日常任務的逐步指南。\",\"href\":\"/zh-TW/common-workflows\"},{\"title\":\"Claude Code 最佳實踐\",\"description\":\"從配置環境到跨平行會話擴展，充分利用 Claude Code 的提示和模式。\",\"href\":\"/zh-TW/best-practices\"}]},{\"group\":\"平台和整合\",\"pages\":[{\"title\":\"Claude Code 網頁版\",\"description\":\"在安全的雲端基礎設施上非同步執行 Claude Code 任務\",\"href\":\"/zh-TW/claude-code-on-the-web\"},{\"group\":\"Claude Code 桌面版\",\"pages\":[{\"title\":\"Desktop quickstart\",\"href\":\"/zh-TW/desktop-quickstart\"},{\"title\":\"Claude Code 桌面版\",\"description\":\"在本地或安全的雲端基礎設施上執行 Claude Code 任務，使用 Claude 桌面應用程式\",\"href\":\"/zh-TW/desktop\"}]},{\"title\":\"在 Chrome 中使用 Claude Code（測試版）\",\"sidebarTitle\":\"Chrome 擴充功能（測試版）\",\"description\":\"將 Claude Code 連接到您的 Chrome 瀏覽器，以測試網頁應用程式、使用控制台日誌進行除錯、自動填充表單，以及從網頁中提取資料。\",\"href\":\"/zh-TW/chrome\"},{\"title\":\"在 VS Code 中使用 Claude Code\",\"description\":\"安裝並配置 VS Code 的 Claude Code 擴充功能。透過內聯差異、@-提及、計畫審查和快捷鍵獲得 AI 編碼協助。\",\"href\":\"/zh-TW/vs-code\"},{\"title\":\"JetBrains IDEs\",\"description\":\"使用 Claude Code 與 JetBrains IDEs（包括 IntelliJ、PyCharm、WebStorm 等）\",\"href\":\"/zh-TW/jetbrains\"},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"了解如何將 Claude Code 整合到您的開發工作流程中，使用 Claude Code GitHub Actions\",\"href\":\"/zh-TW/github-actions\"},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"了解如何將 Claude Code 整合到您的 GitLab CI/CD 開發工作流程中\",\"href\":\"/zh-TW/gitlab-ci-cd\"},{\"title\":\"Slack 中的 Claude Code\",\"description\":\"直接從您的 Slack 工作區委派編碼任務\",\"href\":\"/zh-TW/slack\"}]}]},{\"tab\":\"使用 Claude Code 建構\",\"groups\":[{\"group\":\"使用 Claude Code 建構\",\"pages\":[{\"title\":\"建立自訂 subagents\",\"description\":\"在 Claude Code 中建立並使用專門的 AI subagents，用於特定任務的工作流程和改進的上下文管理。\",\"href\":\"/zh-TW/sub-agents\"},{\"title\":\"協調 Claude Code 工作階段團隊\",\"description\":\"協調多個 Claude Code 實例作為團隊一起工作，具有共享任務、代理間訊息傳遞和集中管理。\",\"href\":\"/zh-TW/agent-teams\"},{\"title\":\"建立 plugins\",\"sidebarTitle\":\"建立 plugins\",\"description\":\"建立自訂 plugins 以使用 skills、agents、hooks 和 MCP servers 擴展 Claude Code。\",\"href\":\"/zh-TW/plugins\"},{\"title\":\"通過市場發現並安裝預建插件\",\"description\":\"從市場發現並安裝插件，以使用新命令、代理和功能擴展 Claude Code。\",\"href\":\"/zh-TW/discover-plugins\"},{\"title\":\"使用技能擴展 Claude\",\"description\":\"在 Claude Code 中建立、管理和分享技能以擴展 Claude 的功能。包括自訂斜線命令。\",\"href\":\"/zh-TW/skills\"},{\"title\":\"輸出樣式\",\"description\":\"將 Claude Code 適配用於軟體工程以外的用途\",\"href\":\"/zh-TW/output-styles\"},{\"title\":\"開始使用 Claude Code 鉤子\",\"description\":\"了解如何通過註冊 shell 命令來自訂和擴展 Claude Code 的行為\",\"href\":\"/zh-TW/hooks-guide\"},{\"title\":\"以程式方式執行 Claude Code\",\"sidebarTitle\":\"程式化使用\",\"description\":\"使用 Agent SDK 從 CLI、Python 或 TypeScript 以程式方式執行 Claude Code。\",\"href\":\"/zh-TW/headless\"},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"透過 MCP 將 Claude Code 連接到工具\",\"description\":\"了解如何使用 Model Context Protocol 將 Claude Code 連接到您的工具。\",\"href\":\"/zh-TW/mcp\"},{\"title\":\"故障排除\",\"description\":\"探索 Claude Code 安裝和使用中常見問題的解決方案。\",\"href\":\"/zh-TW/troubleshooting\"}]}]},{\"tab\":\"部署\",\"groups\":[{\"group\":\"部署\",\"pages\":[{\"title\":\"企業部署概述\",\"sidebarTitle\":\"概述\",\"description\":\"了解 Claude Code 如何與各種第三方服務和基礎設施整合，以滿足企業部署需求。\",\"href\":\"/zh-TW/third-party-integrations\"},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Amazon Bedrock 上的 Claude Code\",\"description\":\"了解如何透過 Amazon Bedrock 設定 Claude Code，包括設定、IAM 設定和故障排除。\",\"href\":\"/zh-TW/amazon-bedrock\"},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Google Vertex AI 上的 Claude Code\",\"description\":\"了解如何透過 Google Vertex AI 設定 Claude Code，包括設定、IAM 設定和故障排除。\",\"href\":\"/zh-TW/google-vertex-ai\"},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code on Microsoft Foundry\",\"description\":\"了解如何透過 Microsoft Foundry 配置 Claude Code，包括設定、配置和故障排除。\",\"href\":\"/zh-TW/microsoft-foundry\"},{\"sidebarTitle\":\"網路配置\",\"title\":\"企業網路配置\",\"description\":\"為企業環境配置 Claude Code，支援代理伺服器、自訂憑證授權單位 (CA) 和相互傳輸層安全性 (mTLS) 驗證。\",\"href\":\"/zh-TW/network-config\"},{\"sidebarTitle\":\"LLM gateway\",\"title\":\"LLM gateway 配置\",\"description\":\"了解如何配置 Claude Code 以使用 LLM gateway 解決方案。涵蓋 gateway 要求、身份驗證配置、模型選擇和提供商特定的端點設置。\",\"href\":\"/zh-TW/llm-gateway\"},{\"title\":\"開發容器\",\"description\":\"了解 Claude Code 開發容器，適合需要一致、安全環境的團隊。\",\"href\":\"/zh-TW/devcontainer\"}]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[{\"sidebarTitle\":\"進階安裝\",\"title\":\"設定 Claude Code\",\"description\":\"在您的開發機器上安裝、驗證和開始使用 Claude Code。\",\"href\":\"/zh-TW/setup\"},{\"title\":\"Authentication\",\"href\":\"/zh-TW/authentication\"},{\"title\":\"安全性\",\"description\":\"了解 Claude Code 的安全防護措施和安全使用的最佳實踐。\",\"href\":\"/zh-TW/security\"},{\"title\":\"Server managed settings\",\"href\":\"/zh-TW/server-managed-settings\"},{\"title\":\"資料使用\",\"description\":\"了解 Anthropic 對 Claude 資料使用政策\",\"href\":\"/zh-TW/data-usage\"},{\"title\":\"監控\",\"description\":\"了解如何為 Claude Code 啟用和配置 OpenTelemetry。\",\"href\":\"/zh-TW/monitoring-usage\"},{\"sidebarTitle\":\"成本\",\"title\":\"有效管理成本\",\"description\":\"了解如何在使用 Claude Code 時追蹤和優化代幣使用量和成本。\",\"href\":\"/zh-TW/costs\"},{\"title\":\"分析\",\"description\":\"查看您組織的 Claude Code 部署的詳細使用情況洞察和生產力指標。\",\"href\":\"/zh-TW/analytics\"},{\"title\":\"建立並分發 plugin marketplace\",\"description\":\"建立並託管 plugin marketplace，以在團隊和社群中分發 Claude Code 擴充功能。\",\"href\":\"/zh-TW/plugin-marketplaces\"}]}]},{\"tab\":\"設定\",\"groups\":[{\"group\":\"設定\",\"pages\":[{\"sidebarTitle\":\"設定\",\"title\":\"Claude Code 設定\",\"description\":\"使用全域和專案層級設定以及環境變數來設定 Claude Code。\",\"href\":\"/zh-TW/settings\"},{\"sidebarTitle\":\"權限\",\"title\":\"設定權限\",\"description\":\"使用細粒度權限規則、模式和受管理原則來控制 Claude Code 可以存取和執行的操作。\",\"href\":\"/zh-TW/permissions\"},{\"title\":\"沙箱隔離\",\"description\":\"了解 Claude Code 的沙箱 bash 工具如何提供檔案系統和網路隔離，以實現更安全、更自主的代理執行。\",\"href\":\"/zh-TW/sandboxing\"},{\"sidebarTitle\":\"終端機配置\",\"title\":\"優化您的終端機設置\",\"description\":\"Claude Code 在終端機配置正確時效果最佳。請遵循這些指南來優化您的體驗。\",\"href\":\"/zh-TW/terminal-config\"},{\"title\":\"模型配置\",\"description\":\"了解 Claude Code 模型配置，包括模型別名如 `opusplan`\",\"href\":\"/zh-TW/model-config\"},{\"title\":\"Fast mode\",\"href\":\"/zh-TW/fast-mode\"},{\"sidebarTitle\":\"記憶體管理\",\"title\":\"管理 Claude 的記憶體\",\"description\":\"了解如何在不同記憶體位置跨工作階段管理 Claude Code 的記憶體，以及最佳實踐。\",\"href\":\"/zh-TW/memory\"},{\"title\":\"狀態行配置\",\"description\":\"為 Claude Code 建立自訂狀態行，在介面底部顯示上下文資訊\",\"href\":\"/zh-TW/statusline\"},{\"title\":\"自訂快捷鍵\",\"description\":\"使用快捷鍵配置檔案在 Claude Code 中自訂鍵盤快捷鍵。\",\"href\":\"/zh-TW/keybindings\"}]}]},{\"tab\":\"參考資料\",\"groups\":[{\"group\":\"參考資料\",\"pages\":[{\"title\":\"CLI 參考\",\"description\":\"Claude Code 命令列介面的完整參考，包括命令和旗標。\",\"href\":\"/zh-TW/cli-reference\"},{\"title\":\"互動模式\",\"description\":\"Claude Code 工作階段中鍵盤快捷鍵、輸入模式和互動功能的完整參考。\",\"href\":\"/zh-TW/interactive-mode\"},{\"title\":\"Checkpointing\",\"description\":\"自動追蹤並回溯 Claude 的編輯，快速恢復不想要的變更。\",\"href\":\"/zh-TW/checkpointing\"},{\"title\":\"Hooks 參考\",\"description\":\"本頁提供在 Claude Code 中實現 hooks 的參考文檔。\",\"href\":\"/zh-TW/hooks\"},{\"title\":\"外掛程式參考\",\"description\":\"Claude Code 外掛程式系統的完整技術參考，包括架構、CLI 命令和元件規格。\",\"href\":\"/zh-TW/plugins-reference\"}]}]},{\"tab\":\"資源\",\"groups\":[{\"group\":\"資源\",\"pages\":[{\"title\":\"法律和合規\",\"description\":\"Claude Code 的法律協議、合規認證和安全資訊。\",\"href\":\"/zh-TW/legal-and-compliance\"}]}]}]},{\"language\":\"ru\",\"tabs\":[{\"tab\":\"Начало работы\",\"groups\":[{\"group\":\"Начало работы\",\"pages\":[{\"sidebarTitle\":\"Обзор\",\"title\":\"Обзор Claude Code\",\"description\":\"Claude Code — это агентский инструмент кодирования, который читает вашу кодовую базу, редактирует файлы, выполняет команды и интегрируется с вашими инструментами разработки. Доступен в вашем терминале, IDE, приложении для рабочего стола и браузере.\",\"href\":\"/ru/overview\"},{\"title\":\"Быстрый старт\",\"description\":\"Добро пожаловать в Claude Code!\",\"href\":\"/ru/quickstart\"},{\"title\":\"Журнал изменений\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/ru/changelog\"}]},{\"group\":\"Основные концепции\",\"pages\":[{\"title\":\"Как работает Claude Code\",\"description\":\"Поймите агентивный цикл, встроенные инструменты и то, как Claude Code взаимодействует с вашим проектом.\",\"href\":\"/ru/how-claude-code-works\"},{\"title\":\"Расширение Claude Code\",\"sidebarTitle\":\"Расширение Claude Code\",\"description\":\"Узнайте, когда использовать CLAUDE.md, Skills, subagents, hooks, MCP и plugins.\",\"href\":\"/ru/features-overview\"},{\"title\":\"Типичные рабочие процессы\",\"description\":\"Пошаговые руководства по изучению кодовых баз, исправлению ошибок, рефакторингу, тестированию и другим повседневным задачам с Claude Code.\",\"href\":\"/ru/common-workflows\"},{\"title\":\"Лучшие практики для Claude Code\",\"sidebarTitle\":\"Лучшие практики\",\"description\":\"Советы и паттерны для максимального использования Claude Code, от настройки окружения до масштабирования параллельных сеансов.\",\"href\":\"/ru/best-practices\"}]},{\"group\":\"Платформы и интеграции\",\"pages\":[{\"title\":\"Claude Code в веб-приложении\",\"description\":\"Запускайте задачи Claude Code асинхронно на защищённой облачной инфраструктуре\",\"href\":\"/ru/claude-code-on-the-web\"},{\"group\":\"Claude Code на рабочем столе\",\"pages\":[{\"title\":\"Desktop quickstart\",\"href\":\"/ru/desktop-quickstart\"},{\"title\":\"Claude Code на рабочем столе\",\"description\":\"Запускайте задачи Claude Code локально или на защищённой облачной инфраструктуре с помощью приложения Claude для рабочего стола\",\"href\":\"/ru/desktop\"}]},{\"title\":\"Использование Claude Code с Chrome (бета)\",\"sidebarTitle\":\"Расширение Chrome (бета)\",\"description\":\"Подключите Claude Code к браузеру Chrome для тестирования веб-приложений, отладки с помощью логов консоли, автоматизации заполнения форм и извлечения данных со страниц.\",\"href\":\"/ru/chrome\"},{\"title\":\"Использование Claude Code в VS Code\",\"description\":\"Установите и настройте расширение Claude Code для VS Code. Получите помощь ИИ при написании кода с встроенными diff, @-упоминаниями, проверкой плана и сочетаниями клавиш.\",\"href\":\"/ru/vs-code\"},{\"title\":\"JetBrains IDEs\",\"description\":\"Используйте Claude Code с JetBrains IDEs, включая IntelliJ, PyCharm, WebStorm и другие\",\"href\":\"/ru/jetbrains\"},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Узнайте об интеграции Claude Code в ваш рабочий процесс разработки с помощью Claude Code GitHub Actions\",\"href\":\"/ru/github-actions\"},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Узнайте об интеграции Claude Code в ваш рабочий процесс разработки с GitLab CI/CD\",\"href\":\"/ru/gitlab-ci-cd\"},{\"title\":\"Claude Code в Slack\",\"description\":\"Делегируйте задачи кодирования прямо из вашего рабочего пространства Slack\",\"href\":\"/ru/slack\"}]}]},{\"tab\":\"Разработка с Claude Code\",\"groups\":[{\"group\":\"Разработка с Claude Code\",\"pages\":[{\"title\":\"Создание пользовательских subagents\",\"description\":\"Создавайте и используйте специализированные AI subagents в Claude Code для рабочих процессов, ориентированных на конкретные задачи, и улучшенного управления контекстом.\",\"href\":\"/ru/sub-agents\"},{\"title\":\"Координируйте команды сеансов Claude Code\",\"description\":\"Координируйте несколько экземпляров Claude Code, работающих вместе как команда, с общими задачами, обменом сообщениями между агентами и централизованным управлением.\",\"href\":\"/ru/agent-teams\"},{\"title\":\"Создание plugins\",\"sidebarTitle\":\"Создание plugins\",\"description\":\"Создавайте пользовательские plugins для расширения Claude Code с помощью skills, agents, hooks и MCP servers.\",\"href\":\"/ru/plugins\"},{\"title\":\"Обнаружение и установка готовых плагинов через маркетплейсы\",\"description\":\"Найдите и установите плагины из маркетплейсов, чтобы расширить Claude Code новыми командами, агентами и возможностями.\",\"href\":\"/ru/discover-plugins\"},{\"title\":\"Расширение Claude с помощью навыков\",\"description\":\"Создавайте, управляйте и делитесь навыками для расширения возможностей Claude в Claude Code. Включает пользовательские команды с косой чертой.\",\"href\":\"/ru/skills\"},{\"title\":\"Стили вывода\",\"description\":\"Адаптируйте Claude Code для использования за пределами разработки программного обеспечения\",\"href\":\"/ru/output-styles\"},{\"title\":\"Начало работы с Claude Code hooks\",\"description\":\"Узнайте, как настраивать и расширять поведение Claude Code, регистрируя команды оболочки\",\"href\":\"/ru/hooks-guide\"},{\"title\":\"Запуск Claude Code программно\",\"sidebarTitle\":\"Программное использование\",\"description\":\"Используйте Agent SDK для программного запуска Claude Code из CLI, Python или TypeScript.\",\"href\":\"/ru/headless\"},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"Подключите Claude Code к инструментам через MCP\",\"description\":\"Узнайте, как подключить Claude Code к вашим инструментам с помощью Model Context Protocol.\",\"href\":\"/ru/mcp\"},{\"title\":\"Устранение неполадок\",\"description\":\"Найдите решения для распространённых проблем при установке и использовании Claude Code.\",\"href\":\"/ru/troubleshooting\"}]}]},{\"tab\":\"Развертывание\",\"groups\":[{\"group\":\"Развертывание\",\"pages\":[{\"title\":\"Обзор развертывания в масштабе предприятия\",\"sidebarTitle\":\"Обзор\",\"description\":\"Узнайте, как Claude Code может интегрироваться с различными сторонними сервисами и инфраструктурой для соответствия требованиям развертывания в масштабе предприятия.\",\"href\":\"/ru/third-party-integrations\"},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Claude Code на Amazon Bedrock\",\"description\":\"Узнайте о настройке Claude Code через Amazon Bedrock, включая установку, конфигурацию IAM и устранение неполадок.\",\"href\":\"/ru/amazon-bedrock\"},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Claude Code на Google Vertex AI\",\"description\":\"Узнайте о настройке Claude Code через Google Vertex AI, включая установку, конфигурацию IAM и устранение неполадок.\",\"href\":\"/ru/google-vertex-ai\"},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code на Microsoft Foundry\",\"description\":\"Узнайте о настройке Claude Code через Microsoft Foundry, включая установку, конфигурацию и устранение неполадок.\",\"href\":\"/ru/microsoft-foundry\"},{\"sidebarTitle\":\"Конфигурация сети\",\"title\":\"Конфигурация сети для предприятия\",\"description\":\"Настройте Claude Code для корпоративных сред с прокси-серверами, пользовательскими центрами сертификации (CA) и взаимной аутентификацией Transport Layer Security (mTLS).\",\"href\":\"/ru/network-config\"},{\"sidebarTitle\":\"LLM gateway\",\"title\":\"Конфигурация LLM gateway\",\"description\":\"Узнайте, как настроить Claude Code для работы с решениями LLM gateway. Охватывает требования к шлюзу, конфигурацию аутентификации, выбор модели и настройку конечных точек для конкретных поставщиков.\",\"href\":\"/ru/llm-gateway\"},{\"title\":\"Контейнеры разработки\",\"description\":\"Узнайте о контейнере разработки Claude Code для команд, которым нужны согласованные и безопасные среды.\",\"href\":\"/ru/devcontainer\"}]}]},{\"tab\":\"Администрирование\",\"groups\":[{\"group\":\"Администрирование\",\"pages\":[{\"sidebarTitle\":\"Расширенная установка\",\"title\":\"Настройка Claude Code\",\"description\":\"Установите, аутентифицируйте и начните использовать Claude Code на вашей машине разработки.\",\"href\":\"/ru/setup\"},{\"title\":\"Authentication\",\"href\":\"/ru/authentication\"},{\"title\":\"Безопасность\",\"description\":\"Узнайте о защитных механизмах Claude Code и лучших практиках безопасного использования.\",\"href\":\"/ru/security\"},{\"title\":\"Server managed settings\",\"href\":\"/ru/server-managed-settings\"},{\"title\":\"Использование данных\",\"description\":\"Узнайте о политике использования данных Anthropic для Claude\",\"href\":\"/ru/data-usage\"},{\"title\":\"Мониторинг\",\"description\":\"Узнайте, как включить и настроить OpenTelemetry для Claude Code.\",\"href\":\"/ru/monitoring-usage\"},{\"sidebarTitle\":\"Затраты\",\"title\":\"Эффективное управление затратами\",\"description\":\"Узнайте, как отслеживать и оптимизировать использование токенов и затраты при использовании Claude Code.\",\"href\":\"/ru/costs\"},{\"title\":\"Аналитика\",\"description\":\"Просмотрите подробные сведения об использовании и метрики производительности развертывания Claude Code вашей организации.\",\"href\":\"/ru/analytics\"},{\"title\":\"Создание и распространение marketplace плагинов\",\"sidebarTitle\":\"Создание и распространение marketplace плагинов\",\"description\":\"Создавайте и размещайте marketplace плагинов для распространения расширений Claude Code по командам и сообществам.\",\"href\":\"/ru/plugin-marketplaces\"}]}]},{\"tab\":\"Конфигурация\",\"groups\":[{\"group\":\"Конфигурация\",\"pages\":[{\"sidebarTitle\":\"Параметры\",\"title\":\"Параметры Claude Code\",\"description\":\"Настройте Claude Code с помощью глобальных и проектных параметров, а также переменных окружения.\",\"href\":\"/ru/settings\"},{\"sidebarTitle\":\"Разрешения\",\"title\":\"Настройка разрешений\",\"description\":\"Контролируйте, что Claude Code может использовать и делать, с помощью детальных правил разрешений, режимов и управляемых политик.\",\"href\":\"/ru/permissions\"},{\"title\":\"Изоляция в песочнице\",\"description\":\"Узнайте, как инструмент bash в песочнице Claude Code обеспечивает изоляцию файловой системы и сети для более безопасного и автономного выполнения агентов.\",\"href\":\"/ru/sandboxing\"},{\"sidebarTitle\":\"Конфигурация терминала\",\"title\":\"Оптимизируйте настройку вашего терминала\",\"description\":\"Claude Code работает лучше всего, когда ваш терминал правильно настроен. Следуйте этим рекомендациям, чтобы оптимизировать ваш опыт.\",\"href\":\"/ru/terminal-config\"},{\"title\":\"Конфигурация модели\",\"description\":\"Узнайте о конфигурации модели Claude Code, включая псевдонимы моделей, такие как `opusplan`\",\"href\":\"/ru/model-config\"},{\"title\":\"Fast mode\",\"href\":\"/ru/fast-mode\"},{\"sidebarTitle\":\"Управление памятью\",\"title\":\"Управление памятью Claude\",\"description\":\"Узнайте, как управлять памятью Claude Code между сеансами с различными местоположениями памяти и лучшими практиками.\",\"href\":\"/ru/memory\"},{\"title\":\"Конфигурация строки состояния\",\"description\":\"Создайте пользовательскую строку состояния для Claude Code для отображения контекстной информации\",\"href\":\"/ru/statusline\"},{\"title\":\"Настройка сочетаний клавиш\",\"description\":\"Настройте сочетания клавиш в Claude Code с помощью файла конфигурации keybindings.\",\"href\":\"/ru/keybindings\"}]}]},{\"tab\":\"Справочник\",\"groups\":[{\"group\":\"Справочник\",\"pages\":[{\"title\":\"Справочник CLI\",\"description\":\"Полный справочник по интерфейсу командной строки Claude Code, включая команды и флаги.\",\"href\":\"/ru/cli-reference\"},{\"title\":\"Интерактивный режим\",\"description\":\"Полный справочник по сочетаниям клавиш, режимам ввода и интерактивным функциям в сеансах Claude Code.\",\"href\":\"/ru/interactive-mode\"},{\"title\":\"Checkpointing\",\"description\":\"Автоматически отслеживайте и отменяйте правки Claude, чтобы быстро восстановиться после нежелательных изменений.\",\"href\":\"/ru/checkpointing\"},{\"title\":\"Справочник по hooks\",\"description\":\"На этой странице представлена справочная документация по реализации hooks в Claude Code.\",\"href\":\"/ru/hooks\"},{\"title\":\"Справочник по плагинам\",\"description\":\"Полный технический справочник по системе плагинов Claude Code, включая схемы, команды CLI и спецификации компонентов.\",\"href\":\"/ru/plugins-reference\"}]}]},{\"tab\":\"Ресурсы\",\"groups\":[{\"group\":\"Ресурсы\",\"pages\":[{\"title\":\"Правовые и нормативные требования\",\"description\":\"Правовые соглашения, сертификаты соответствия и информация о безопасности для Claude Code.\",\"href\":\"/ru/legal-and-compliance\"}]}]}]},{\"language\":\"id\",\"tabs\":[{\"tab\":\"Memulai\",\"groups\":[{\"group\":\"Memulai\",\"pages\":[{\"sidebarTitle\":\"Ikhtisar\",\"title\":\"Ikhtisar Claude Code\",\"description\":\"Claude Code adalah alat pengkodean agentic yang membaca basis kode Anda, mengedit file, menjalankan perintah, dan terintegrasi dengan alat pengembangan Anda. Tersedia di terminal, IDE, aplikasi desktop, dan browser Anda.\",\"href\":\"/id/overview\"},{\"title\":\"Panduan Cepat\",\"description\":\"Selamat datang di Claude Code!\",\"href\":\"/id/quickstart\"},{\"title\":\"Changelog\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/id/changelog\"}]},{\"group\":\"Konsep Inti\",\"pages\":[{\"title\":\"Cara Kerja Claude Code\",\"description\":\"Pahami loop agentic, alat bawaan, dan bagaimana Claude Code berinteraksi dengan proyek Anda.\",\"href\":\"/id/how-claude-code-works\"},{\"title\":\"Perluas Claude Code\",\"description\":\"Pahami kapan menggunakan CLAUDE.md, Skills, subagents, hooks, MCP, dan plugins.\",\"href\":\"/id/features-overview\"},{\"title\":\"Alur kerja umum\",\"description\":\"Panduan langkah demi langkah untuk menjelajahi basis kode, memperbaiki bug, refactoring, pengujian, dan tugas sehari-hari lainnya dengan Claude Code.\",\"href\":\"/id/common-workflows\"},{\"title\":\"Praktik Terbaik untuk Claude Code\",\"description\":\"Tips dan pola untuk memaksimalkan Claude Code, dari mengonfigurasi lingkungan Anda hingga menskalakan di seluruh sesi paralel.\",\"href\":\"/id/best-practices\"}]},{\"group\":\"Platform dan integrasi\",\"pages\":[{\"title\":\"Claude Code di web\",\"description\":\"Jalankan tugas Claude Code secara asinkron pada infrastruktur cloud yang aman\",\"href\":\"/id/claude-code-on-the-web\"},{\"group\":\"Claude Code di desktop\",\"pages\":[{\"title\":\"Desktop quickstart\",\"href\":\"/id/desktop-quickstart\"},{\"title\":\"Claude Code di desktop\",\"description\":\"Jalankan tugas Claude Code secara lokal atau pada infrastruktur cloud yang aman dengan aplikasi desktop Claude\",\"href\":\"/id/desktop\"}]},{\"title\":\"Gunakan Claude Code dengan Chrome (beta)\",\"sidebarTitle\":\"Ekstensi Chrome (beta)\",\"description\":\"Hubungkan Claude Code ke browser Chrome Anda untuk menguji aplikasi web, debug dengan console logs, otomatisasi pengisian formulir, dan ekstrak data dari halaman web.\",\"href\":\"/id/chrome\"},{\"title\":\"Gunakan Claude Code di VS Code\",\"description\":\"Instal dan konfigurasi ekstensi Claude Code untuk VS Code. Dapatkan bantuan pengkodean AI dengan diff inline, @-mentions, review rencana, dan pintasan keyboard.\",\"href\":\"/id/vs-code\"},{\"title\":\"JetBrains IDEs\",\"description\":\"Gunakan Claude Code dengan JetBrains IDEs termasuk IntelliJ, PyCharm, WebStorm, dan lainnya\",\"href\":\"/id/jetbrains\"},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Pelajari tentang integrasi Claude Code ke dalam alur kerja pengembangan Anda dengan Claude Code GitHub Actions\",\"href\":\"/id/github-actions\"},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Pelajari tentang mengintegrasikan Claude Code ke dalam alur kerja pengembangan Anda dengan GitLab CI/CD\",\"href\":\"/id/gitlab-ci-cd\"},{\"title\":\"Claude Code di Slack\",\"description\":\"Delegasikan tugas coding langsung dari workspace Slack Anda\",\"href\":\"/id/slack\"}]}]},{\"tab\":\"Bangun dengan Claude Code\",\"groups\":[{\"group\":\"Bangun dengan Claude Code\",\"pages\":[{\"title\":\"Buat subagent khusus\",\"description\":\"Buat dan gunakan subagent AI khusus di Claude Code untuk alur kerja spesifik tugas dan manajemen konteks yang lebih baik.\",\"href\":\"/id/sub-agents\"},{\"title\":\"Mengorkestra tim Claude Code sessions\",\"sidebarTitle\":\"Jalankan tim agent\",\"description\":\"Koordinasikan beberapa instance Claude Code yang bekerja bersama sebagai tim, dengan tugas bersama, pesan antar-agent, dan manajemen terpusat.\",\"href\":\"/id/agent-teams\"},{\"title\":\"Buat plugins\",\"sidebarTitle\":\"Buat plugins\",\"description\":\"Buat plugins kustom untuk memperluas Claude Code dengan skills, agents, hooks, dan MCP servers.\",\"href\":\"/id/plugins\"},{\"title\":\"Temukan dan instal plugin yang sudah dibuat melalui marketplace\",\"description\":\"Temukan dan instal plugin dari marketplace untuk memperluas Claude Code dengan perintah, agen, dan kemampuan baru.\",\"href\":\"/id/discover-plugins\"},{\"title\":\"Perluas Claude dengan keterampilan\",\"description\":\"Buat, kelola, dan bagikan keterampilan untuk memperluas kemampuan Claude di Claude Code. Termasuk perintah garis miring khusus.\",\"href\":\"/id/skills\"},{\"title\":\"Output styles\",\"description\":\"Sesuaikan Claude Code untuk penggunaan di luar rekayasa perangkat lunak\",\"href\":\"/id/output-styles\"},{\"title\":\"Mulai dengan Claude Code hooks\",\"description\":\"Pelajari cara menyesuaikan dan memperluas perilaku Claude Code dengan mendaftarkan perintah shell\",\"href\":\"/id/hooks-guide\"},{\"title\":\"Jalankan Claude Code secara programatis\",\"sidebarTitle\":\"Penggunaan programatis\",\"description\":\"Gunakan Agent SDK untuk menjalankan Claude Code secara programatis dari CLI, Python, atau TypeScript.\",\"href\":\"/id/headless\"},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"Hubungkan Claude Code ke alat melalui MCP\",\"description\":\"Pelajari cara menghubungkan Claude Code ke alat Anda dengan Model Context Protocol.\",\"href\":\"/id/mcp\"},{\"title\":\"Pemecahan Masalah\",\"description\":\"Temukan solusi untuk masalah umum dengan instalasi dan penggunaan Claude Code.\",\"href\":\"/id/troubleshooting\"}]}]},{\"tab\":\"Penerapan\",\"groups\":[{\"group\":\"Penerapan\",\"pages\":[{\"title\":\"Ringkasan penyebaran enterprise\",\"description\":\"Pelajari bagaimana Claude Code dapat terintegrasi dengan berbagai layanan pihak ketiga dan infrastruktur untuk memenuhi persyaratan penyebaran enterprise.\",\"href\":\"/id/third-party-integrations\"},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Claude Code di Amazon Bedrock\",\"description\":\"Pelajari tentang mengonfigurasi Claude Code melalui Amazon Bedrock, termasuk pengaturan, konfigurasi IAM, dan pemecahan masalah.\",\"href\":\"/id/amazon-bedrock\"},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Claude Code pada Google Vertex AI\",\"description\":\"Pelajari tentang mengonfigurasi Claude Code melalui Google Vertex AI, termasuk pengaturan, konfigurasi IAM, dan pemecahan masalah.\",\"href\":\"/id/google-vertex-ai\"},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code di Microsoft Foundry\",\"description\":\"Pelajari tentang mengonfigurasi Claude Code melalui Microsoft Foundry, termasuk setup, konfigurasi, dan pemecahan masalah.\",\"href\":\"/id/microsoft-foundry\"},{\"sidebarTitle\":\"Konfigurasi jaringan\",\"title\":\"Konfigurasi jaringan enterprise\",\"description\":\"Konfigurasikan Claude Code untuk lingkungan enterprise dengan server proxy, Certificate Authorities (CA) kustom, dan autentikasi mutual Transport Layer Security (mTLS).\",\"href\":\"/id/network-config\"},{\"sidebarTitle\":\"LLM gateway\",\"title\":\"Konfigurasi LLM gateway\",\"description\":\"Pelajari cara mengonfigurasi Claude Code untuk bekerja dengan solusi LLM gateway. Mencakup persyaratan gateway, konfigurasi autentikasi, pemilihan model, dan pengaturan endpoint khusus penyedia.\",\"href\":\"/id/llm-gateway\"},{\"title\":\"Kontainer pengembangan\",\"description\":\"Pelajari tentang kontainer pengembangan Claude Code untuk tim yang membutuhkan lingkungan yang konsisten dan aman.\",\"href\":\"/id/devcontainer\"}]}]},{\"tab\":\"Administrasi\",\"groups\":[{\"group\":\"Administrasi\",\"pages\":[{\"sidebarTitle\":\"Instalasi lanjutan\",\"title\":\"Siapkan Claude Code\",\"description\":\"Instal, autentikasi, dan mulai menggunakan Claude Code di mesin pengembangan Anda.\",\"href\":\"/id/setup\"},{\"title\":\"Authentication\",\"href\":\"/id/authentication\"},{\"title\":\"Keamanan\",\"description\":\"Pelajari tentang perlindungan keamanan Claude Code dan praktik terbaik untuk penggunaan yang aman.\",\"href\":\"/id/security\"},{\"title\":\"Server managed settings\",\"href\":\"/id/server-managed-settings\"},{\"title\":\"Penggunaan data\",\"description\":\"Pelajari kebijakan penggunaan data Anthropic untuk Claude\",\"href\":\"/id/data-usage\"},{\"title\":\"Pemantauan\",\"description\":\"Pelajari cara mengaktifkan dan mengonfigurasi OpenTelemetry untuk Claude Code.\",\"href\":\"/id/monitoring-usage\"},{\"sidebarTitle\":\"Biaya\",\"title\":\"Kelola biaya secara efektif\",\"description\":\"Pelajari cara melacak dan mengoptimalkan penggunaan token dan biaya saat menggunakan Claude Code.\",\"href\":\"/id/costs\"},{\"title\":\"Analitik\",\"description\":\"Lihat wawasan penggunaan terperinci dan metrik produktivitas untuk penerapan Claude Code organisasi Anda.\",\"href\":\"/id/analytics\"},{\"title\":\"Buat dan distribusikan marketplace plugin\",\"description\":\"Bangun dan hosting marketplace plugin untuk mendistribusikan ekstensi Claude Code di seluruh tim dan komunitas.\",\"href\":\"/id/plugin-marketplaces\"}]}]},{\"tab\":\"Konfigurasi\",\"groups\":[{\"group\":\"Konfigurasi\",\"pages\":[{\"sidebarTitle\":\"Pengaturan\",\"title\":\"Pengaturan Claude Code\",\"description\":\"Konfigurasikan Claude Code dengan pengaturan global dan tingkat proyek, serta variabel lingkungan.\",\"href\":\"/id/settings\"},{\"sidebarTitle\":\"Izin\",\"title\":\"Konfigurasi izin\",\"description\":\"Kontrol apa yang dapat diakses dan dilakukan Claude Code dengan aturan izin, mode, dan kebijakan terkelola yang terperinci.\",\"href\":\"/id/permissions\"},{\"title\":\"Sandboxing\",\"description\":\"Pelajari bagaimana alat bash yang di-sandbox dari Claude Code menyediakan isolasi filesystem dan jaringan untuk eksekusi agen yang lebih aman dan otonomi.\",\"href\":\"/id/sandboxing\"},{\"sidebarTitle\":\"Konfigurasi terminal\",\"title\":\"Optimalkan pengaturan terminal Anda\",\"description\":\"Claude Code bekerja paling baik ketika terminal Anda dikonfigurasi dengan benar. Ikuti panduan ini untuk mengoptimalkan pengalaman Anda.\",\"href\":\"/id/terminal-config\"},{\"title\":\"Konfigurasi model\",\"description\":\"Pelajari tentang konfigurasi model Claude Code, termasuk alias model seperti `opusplan`\",\"href\":\"/id/model-config\"},{\"title\":\"Fast mode\",\"href\":\"/id/fast-mode\"},{\"sidebarTitle\":\"Manajemen memori\",\"title\":\"Kelola memori Claude\",\"description\":\"Pelajari cara mengelola memori Claude Code di seluruh sesi dengan lokasi memori berbeda dan praktik terbaik.\",\"href\":\"/id/memory\"},{\"title\":\"Konfigurasi baris status\",\"description\":\"Buat baris status khusus untuk Claude Code untuk menampilkan informasi kontekstual\",\"href\":\"/id/statusline\"},{\"title\":\"Sesuaikan pintasan keyboard\",\"description\":\"Sesuaikan pintasan keyboard di Claude Code dengan file konfigurasi keybindings.\",\"href\":\"/id/keybindings\"}]}]},{\"tab\":\"Referensi\",\"groups\":[{\"group\":\"Referensi\",\"pages\":[{\"title\":\"Referensi CLI\",\"description\":\"Referensi lengkap untuk antarmuka baris perintah Claude Code, termasuk perintah dan flag.\",\"href\":\"/id/cli-reference\"},{\"title\":\"Mode interaktif\",\"description\":\"Referensi lengkap untuk pintasan keyboard, mode input, dan fitur interaktif dalam sesi Claude Code.\",\"href\":\"/id/interactive-mode\"},{\"title\":\"Checkpointing\",\"description\":\"Secara otomatis melacak dan membatalkan pengeditan Claude untuk pemulihan cepat dari perubahan yang tidak diinginkan.\",\"href\":\"/id/checkpointing\"},{\"title\":\"Referensi Hooks\",\"description\":\"Halaman ini menyediakan dokumentasi referensi untuk mengimplementasikan hooks di Claude Code.\",\"href\":\"/id/hooks\"},{\"title\":\"Referensi Plugins\",\"description\":\"Referensi teknis lengkap untuk sistem plugin Claude Code, termasuk skema, perintah CLI, dan spesifikasi komponen.\",\"href\":\"/id/plugins-reference\"}]}]},{\"tab\":\"Sumber Daya\",\"groups\":[{\"group\":\"Sumber Daya\",\"pages\":[{\"title\":\"Hukum dan kepatuhan\",\"description\":\"Perjanjian hukum, sertifikasi kepatuhan, dan informasi keamanan untuk Claude Code.\",\"href\":\"/id/legal-and-compliance\"}]}]}]},{\"language\":\"pt-BR\",\"tabs\":[{\"tab\":\"Primeiros passos\",\"groups\":[{\"group\":\"Primeiros passos\",\"pages\":[{\"sidebarTitle\":\"Visão geral\",\"title\":\"Visão geral do Claude Code\",\"description\":\"Claude Code é uma ferramenta de codificação agentic que lê sua base de código, edita arquivos, executa comandos e se integra com suas ferramentas de desenvolvimento. Disponível em seu terminal, IDE, aplicativo desktop e navegador.\",\"href\":\"/pt/overview\"},{\"title\":\"Guia de Início Rápido\",\"description\":\"Bem-vindo ao Claude Code!\",\"href\":\"/pt/quickstart\"},{\"title\":\"Changelog\",\"url\":\"https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md\",\"description\":null,\"href\":\"/pt/changelog\"}]},{\"group\":\"Conceitos principais\",\"pages\":[{\"title\":\"Como o Claude Code funciona\",\"description\":\"Entenda o loop agentico, as ferramentas integradas e como o Claude Code interage com seu projeto.\",\"href\":\"/pt/how-claude-code-works\"},{\"title\":\"Estender Claude Code\",\"sidebarTitle\":\"Estender Claude Code\",\"description\":\"Entenda quando usar CLAUDE.md, Skills, subagents, hooks, MCP e plugins.\",\"href\":\"/pt/features-overview\"},{\"title\":\"Fluxos de trabalho comuns\",\"description\":\"Guias passo a passo para explorar bases de código, corrigir bugs, refatorar, testar e outras tarefas cotidianas com Claude Code.\",\"href\":\"/pt/common-workflows\"},{\"title\":\"Melhores práticas para Claude Code\",\"description\":\"Dicas e padrões para aproveitar ao máximo o Claude Code, desde a configuração do seu ambiente até o dimensionamento em sessões paralelas.\",\"href\":\"/pt/best-practices\"}]},{\"group\":\"Plataformas e integrações\",\"pages\":[{\"title\":\"Claude Code na web\",\"description\":\"Execute tarefas Claude Code de forma assíncrona em infraestrutura de nuvem segura\",\"href\":\"/pt/claude-code-on-the-web\"},{\"group\":\"Claude Code no desktop\",\"pages\":[{\"title\":\"Desktop quickstart\",\"href\":\"/pt/desktop-quickstart\"},{\"title\":\"Claude Code no desktop\",\"description\":\"Execute tarefas do Claude Code localmente ou em infraestrutura em nuvem segura com o aplicativo Claude desktop\",\"href\":\"/pt/desktop\"}]},{\"title\":\"Use Claude Code with Chrome (beta)\",\"sidebarTitle\":\"Chrome extension (beta)\",\"description\":\"Conecte Claude Code ao seu navegador Chrome para testar aplicativos web, depurar com logs de console, automatizar preenchimento de formulários e extrair dados de páginas web.\",\"href\":\"/pt/chrome\"},{\"title\":\"Use Claude Code no VS Code\",\"description\":\"Instale e configure a extensão Claude Code para VS Code. Obtenha assistência de codificação com IA com diffs inline, @-mentions, revisão de planos e atalhos de teclado.\",\"href\":\"/pt/vs-code\"},{\"title\":\"JetBrains IDEs\",\"description\":\"Use Claude Code with JetBrains IDEs including IntelliJ, PyCharm, WebStorm, and more\",\"href\":\"/pt/jetbrains\"},{\"title\":\"Claude Code GitHub Actions\",\"sidebarTitle\":\"GitHub Actions\",\"description\":\"Aprenda sobre a integração do Claude Code no seu fluxo de trabalho de desenvolvimento com Claude Code GitHub Actions\",\"href\":\"/pt/github-actions\"},{\"title\":\"Claude Code GitLab CI/CD\",\"sidebarTitle\":\"GitLab CI/CD\",\"description\":\"Saiba como integrar Claude Code no seu fluxo de trabalho de desenvolvimento com GitLab CI/CD\",\"href\":\"/pt/gitlab-ci-cd\"},{\"title\":\"Claude Code no Slack\",\"description\":\"Delegue tarefas de codificação diretamente do seu espaço de trabalho Slack\",\"href\":\"/pt/slack\"}]}]},{\"tab\":\"Construir com Claude Code\",\"groups\":[{\"group\":\"Construir com Claude Code\",\"pages\":[{\"title\":\"Criar subagentes personalizados\",\"description\":\"Crie e use subagentes de IA especializados no Claude Code para fluxos de trabalho específicos de tarefas e gerenciamento de contexto aprimorado.\",\"href\":\"/pt/sub-agents\"},{\"title\":\"Orquestre equipes de sessões Claude Code\",\"sidebarTitle\":\"Executar equipes de agentes\",\"description\":\"Coordene múltiplas instâncias Claude Code trabalhando juntas como uma equipe, com tarefas compartilhadas, mensagens entre agentes e gerenciamento centralizado.\",\"href\":\"/pt/agent-teams\"},{\"title\":\"Criar plugins\",\"sidebarTitle\":\"Criar plugins\",\"description\":\"Crie plugins personalizados para estender Claude Code com skills, agents, hooks e MCP servers.\",\"href\":\"/pt/plugins\"},{\"title\":\"Descubra e instale plugins pré-construídos através de marketplaces\",\"description\":\"Encontre e instale plugins de marketplaces para estender Claude Code com novos comandos, agentes e capacidades.\",\"href\":\"/pt/discover-plugins\"},{\"title\":\"Estenda Claude com skills\",\"description\":\"Crie, gerencie e compartilhe skills para estender as capacidades do Claude no Claude Code. Inclui comandos de barra invertida personalizados.\",\"href\":\"/pt/skills\"},{\"title\":\"Estilos de saída\",\"description\":\"Adapte Claude Code para usos além da engenharia de software\",\"href\":\"/pt/output-styles\"},{\"title\":\"Comece com os hooks do Claude Code\",\"description\":\"Aprenda como personalizar e estender o comportamento do Claude Code registrando comandos shell\",\"href\":\"/pt/hooks-guide\"},{\"title\":\"Executar Claude Code programaticamente\",\"description\":\"Use o Agent SDK para executar Claude Code programaticamente a partir da CLI, Python ou TypeScript.\",\"href\":\"/pt/headless\"},{\"sidebarTitle\":\"Model Context Protocol (MCP)\",\"title\":\"Conectar Claude Code a ferramentas via MCP\",\"description\":\"Aprenda como conectar Claude Code às suas ferramentas com o Model Context Protocol.\",\"href\":\"/pt/mcp\"},{\"title\":\"Solução de problemas\",\"description\":\"Descubra soluções para problemas comuns com a instalação e uso do Claude Code.\",\"href\":\"/pt/troubleshooting\"}]}]},{\"tab\":\"Implantação\",\"groups\":[{\"group\":\"Implantação\",\"pages\":[{\"title\":\"Visão geral da implantação empresarial\",\"sidebarTitle\":\"Visão geral\",\"description\":\"Saiba como Claude Code pode se integrar com vários serviços de terceiros e infraestrutura para atender aos requisitos de implantação empresarial.\",\"href\":\"/pt/third-party-integrations\"},{\"sidebarTitle\":\"Amazon Bedrock\",\"title\":\"Claude Code no Amazon Bedrock\",\"description\":\"Saiba como configurar Claude Code através do Amazon Bedrock, incluindo configuração, configuração de IAM e resolução de problemas.\",\"href\":\"/pt/amazon-bedrock\"},{\"sidebarTitle\":\"Google Vertex AI\",\"title\":\"Claude Code no Google Vertex AI\",\"description\":\"Saiba como configurar Claude Code através do Google Vertex AI, incluindo configuração, configuração de IAM e resolução de problemas.\",\"href\":\"/pt/google-vertex-ai\"},{\"sidebarTitle\":\"Microsoft Foundry\",\"title\":\"Claude Code no Microsoft Foundry\",\"description\":\"Saiba como configurar Claude Code através do Microsoft Foundry, incluindo configuração, instalação e resolução de problemas.\",\"href\":\"/pt/microsoft-foundry\"},{\"sidebarTitle\":\"Configuração de rede\",\"title\":\"Configuração de rede empresarial\",\"description\":\"Configure Claude Code para ambientes empresariais com servidores proxy, Autoridades de Certificação (CA) personalizadas e autenticação mútua de Transport Layer Security (mTLS).\",\"href\":\"/pt/network-config\"},{\"sidebarTitle\":\"Gateway LLM\",\"title\":\"Configuração do gateway LLM\",\"description\":\"Saiba como configurar Claude Code para trabalhar com soluções de gateway LLM. Abrange requisitos de gateway, configuração de autenticação, seleção de modelo e configuração de endpoint específica do provedor.\",\"href\":\"/pt/llm-gateway\"},{\"title\":\"Contêineres de desenvolvimento\",\"description\":\"Saiba mais sobre o contêiner de desenvolvimento Claude Code para equipes que precisam de ambientes consistentes e seguros.\",\"href\":\"/pt/devcontainer\"}]}]},{\"tab\":\"Administração\",\"groups\":[{\"group\":\"Administração\",\"pages\":[{\"sidebarTitle\":\"Instalação avançada\",\"title\":\"Configurar Claude Code\",\"description\":\"Instale, autentique e comece a usar Claude Code em sua máquina de desenvolvimento.\",\"href\":\"/pt/setup\"},{\"title\":\"Authentication\",\"href\":\"/pt/authentication\"},{\"title\":\"Segurança\",\"description\":\"Aprenda sobre as proteções de segurança do Claude Code e as melhores práticas para uso seguro.\",\"href\":\"/pt/security\"},{\"title\":\"Server managed settings\",\"href\":\"/pt/server-managed-settings\"},{\"title\":\"Uso de dados\",\"description\":\"Saiba mais sobre as políticas de uso de dados da Anthropic para Claude\",\"href\":\"/pt/data-usage\"},{\"title\":\"Monitoramento\",\"description\":\"Saiba como ativar e configurar OpenTelemetry para Claude Code.\",\"href\":\"/pt/monitoring-usage\"},{\"sidebarTitle\":\"Custos\",\"title\":\"Gerencie custos efetivamente\",\"description\":\"Aprenda como rastrear e otimizar o uso de tokens e custos ao usar Claude Code.\",\"href\":\"/pt/costs\"},{\"title\":\"Análise\",\"description\":\"Visualize insights detalhados de uso e métricas de produtividade para a implantação do Claude Code da sua organização.\",\"href\":\"/pt/analytics\"},{\"title\":\"Criar e distribuir um marketplace de plugins\",\"sidebarTitle\":\"Criar e distribuir um marketplace de plugins\",\"description\":\"Crie e hospede marketplaces de plugins para distribuir extensões Claude Code em equipes e comunidades.\",\"href\":\"/pt/plugin-marketplaces\"}]}]},{\"tab\":\"Configuração\",\"groups\":[{\"group\":\"Configuração\",\"pages\":[{\"sidebarTitle\":\"Configurações\",\"title\":\"Configurações do Claude Code\",\"description\":\"Configure o Claude Code com configurações globais e em nível de projeto, e variáveis de ambiente.\",\"href\":\"/pt/settings\"},{\"sidebarTitle\":\"Permissões\",\"title\":\"Configurar permissões\",\"description\":\"Controle o que Claude Code pode acessar e fazer com regras de permissão granulares, modos e políticas gerenciadas.\",\"href\":\"/pt/permissions\"},{\"title\":\"Isolamento em Sandbox\",\"description\":\"Aprenda como a ferramenta bash em sandbox do Claude Code fornece isolamento de sistema de arquivos e rede para execução de agentes mais segura e autônoma.\",\"href\":\"/pt/sandboxing\"},{\"sidebarTitle\":\"Configuração do terminal\",\"title\":\"Otimize sua configuração de terminal\",\"description\":\"Claude Code funciona melhor quando seu terminal está devidamente configurado. Siga estas diretrizes para otimizar sua experiência.\",\"href\":\"/pt/terminal-config\"},{\"title\":\"Configuração de modelo\",\"description\":\"Saiba mais sobre a configuração do modelo Claude Code, incluindo aliases de modelo como `opusplan`\",\"href\":\"/pt/model-config\"},{\"title\":\"Fast mode\",\"href\":\"/pt/fast-mode\"},{\"sidebarTitle\":\"Gerenciamento de memória\",\"title\":\"Gerenciar a memória do Claude\",\"description\":\"Aprenda como gerenciar a memória do Claude Code em sessões com diferentes locais de memória e melhores práticas.\",\"href\":\"/pt/memory\"},{\"title\":\"Configuração da linha de status\",\"description\":\"Crie uma linha de status personalizada para Claude Code para exibir informações contextuais\",\"href\":\"/pt/statusline\"},{\"title\":\"Personalizar atalhos de teclado\",\"description\":\"Personalize atalhos de teclado no Claude Code com um arquivo de configuração de keybindings.\",\"href\":\"/pt/keybindings\"}]}]},{\"tab\":\"Referência\",\"groups\":[{\"group\":\"Referência\",\"pages\":[{\"title\":\"Referência de CLI\",\"description\":\"Referência completa para a interface de linha de comando do Claude Code, incluindo comandos e sinalizadores.\",\"href\":\"/pt/cli-reference\"},{\"title\":\"Modo interativo\",\"description\":\"Referência completa para atalhos de teclado, modos de entrada e recursos interativos em sessões do Claude Code.\",\"href\":\"/pt/interactive-mode\"},{\"title\":\"Checkpointing\",\"description\":\"Rastreie e reverta automaticamente as edições do Claude para recuperar-se rapidamente de alterações indesejadas.\",\"href\":\"/pt/checkpointing\"},{\"title\":\"Referência de Hooks\",\"description\":\"Esta página fornece documentação de referência para implementar hooks no Claude Code.\",\"href\":\"/pt/hooks\"},{\"title\":\"Referência de plugins\",\"description\":\"Referência técnica completa para o sistema de plugins do Claude Code, incluindo esquemas, comandos CLI e especificações de componentes.\",\"href\":\"/pt/plugins-reference\"}]}]},{\"tab\":\"Recursos\",\"groups\":[{\"group\":\"Recursos\",\"pages\":[{\"title\":\"Legal e conformidade\",\"description\":\"Acordos legais, certificações de conformidade e informações de segurança para Claude Code.\",\"href\":\"/pt/legal-and-compliance\"}]}]}]}]}},\"children\":\"$L34\"}]}]}]}]]}]}]\n"])</script><script>self.__next_f.push([1,"35:I[68367,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"LoginButtonProvider\",1]\n"])</script><script>self.__next_f.push([1,"36:I[54001,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"SidebarLoginButtonProvider\",1]\n"])</script><script>self.__next_f.push([1,"37:I[76829,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"NavigationContextController\",1]\n"])</script><script>self.__next_f.push([1,"38:I[96924,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"PrefetchProvider\"]\n"])</script><script>self.__next_f.push([1,"39:I[69445,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"Fonts\"]\n"])</script><script>self.__next_f.push([1,"3a:I[12192,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"BannerProvider\",1]\n"])</script><script>self.__next_f.push([1,"3b:I[42080,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"ScrollTopScript\",1]\n"])</script><script>self.__next_f.push([1,"3c:I[92177,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"LocalStorageAndAnalyticsProviders\",1]\n"])</script><script>self.__next_f.push([1,"3d:I[83176,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"3e:I[12158,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"SearchProvider\",1]\n"])</script><script>self.__next_f.push([1,"3f:I[76982,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"SkipToContent\",1]\n"])</script><script>self.__next_f.push([1,"40:I[89261,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"AssistantLayoutWrapper\",1]\n"])</script><script>self.__next_f.push([1,"41:I[62964,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"95999\",\"static/chunks/95999-d603efdae86309d2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"29226\",\"static/chunks/29226-aa743a0976f22d0c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"35456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-25a27349cd06fda3.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"ThemeLayout\",1]\n"])</script><script>self.__next_f.push([1,"34:[\"$\",\"$L35\",null,{\"children\":[\"$\",\"$L36\",null,{\"children\":[\"$\",\"$L37\",null,{\"children\":[\"$\",\"$L38\",null,{\"children\":[[\"$\",\"$L7\",null,{\"fonts\":\"$15:props:children:props:children:2:props:children:props:children:props:children:props:value:docsConfig:fonts\",\"theme\":\"mint\",\"subdomain\":\"claude-code\"}],[[\"$\",\"$L6\",null,{\"docsConfig\":\"$15:props:children:props:children:2:props:children:props:children:props:children:props:value:docsConfig\"}],[[\"$\",\"link\",null,{\"rel\":\"preload\",\"href\":\"https://d4tuoctqmanu0.cloudfront.net/katex.min.css\",\"as\":\"style\"}],[\"$\",\"script\",null,{\"type\":\"text/javascript\",\"children\":\"\\n (function() {\\n function loadKatex() {\\n const link = document.querySelector('link[href=\\\"https://d4tuoctqmanu0.cloudfront.net/katex.min.css\\\"]');\\n if (link) link.rel = 'stylesheet';\\n }\\n if (document.readyState === 'loading') {\\n document.addEventListener('DOMContentLoaded', loadKatex);\\n } else {\\n loadKatex();\\n }\\n })();\\n \"}]],[\"$\",\"$L8\",null,{\"theme\":\"mint\"}],[\"$\",\"$L39\",null,{\"fonts\":\"$15:props:children:props:children:2:props:children:props:children:props:children:props:value:docsConfig:fonts\",\"children\":[\"$\",\"$L3a\",null,{\"bannersByLocale\":{},\"subdomain\":\"claude-code\",\"children\":[[\"$\",\"$L3b\",null,{\"theme\":\"mint\"}],[\"$\",\"$L3c\",null,{\"subdomain\":\"claude-code\",\"children\":[\"$\",\"$L3d\",null,{\"toggles\":[{\"name\":\"dashboard-bucketing\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"ai-merge-conflict-resolution\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"tiered-billing\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"server-bucketing-cron\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"skip-github\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"dashboard-editor-theseus\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"dashboard-analytics-v6\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"self-serve-sso\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"autopilot-dashboard\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"live-preview-client\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"notification-settings\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"chat-bucketing-batched\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"agent-page\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"dashboard-auth-revamp\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"assistant-integrations\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"dashboard-analytics-search\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"viewer-role\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"agent-mintlify-slack\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false},{\"name\":\"cloudflare-cache-invalidation\",\"enabled\":true,\"variant\":{\"name\":\"disabled\",\"enabled\":false,\"feature_enabled\":true},\"impressionData\":false}],\"children\":[\"$\",\"$L3e\",null,{\"subdomain\":\"claude-code\",\"hasChatPermissions\":true,\"assistantConfig\":{\"enableAskAiButton\":false,\"enableStarterQuestions\":false,\"enableAskAiSearchBar\":true},\"starterQuestions\":\"$undefined\",\"children\":[[\"$\",\"$L3f\",null,{}],[\"$\",\"$L40\",null,{\"children\":[\"$\",\"$L41\",null,{\"topbar\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"topbar\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],\"theme\":\"mint\",\"children\":[[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],\"$undefined\"]}]}]]}]}]}]]}]}]]]}]}]}]}]\n"])</script><script>self.__next_f.push([1,"42:I[30793,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"ApiReferenceProvider\",1]\n"])</script><script>self.__next_f.push([1,"43:I[30793,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"PageProvider\",1]\n"])</script><script>self.__next_f.push([1,"44:I[30793,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"ApiReferenceProvider2\",1]\n"])</script><script>self.__next_f.push([1,"1a:[\"$\",\"$L42\",null,{\"value\":{\"apiReferenceData\":{}},\"children\":[\"$\",\"$L43\",null,{\"value\":{\"pageMetadata\":{\"title\":\"Extend Claude with skills\",\"description\":\"Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands.\",\"href\":\"/en/skills\",\"hidden\":false},\"lastModified\":\"2026-02-07T00:03:23.798Z\",\"description\":{\"compiledSource\":\"\\\"use strict\\\";\\nconst {jsx: _jsx} = arguments[0];\\nconst {useMDXComponents: _provideComponents} = arguments[0];\\nfunction _createMdxContent(props) {\\n const _components = {\\n p: \\\"p\\\",\\n ..._provideComponents(),\\n ...props.components\\n };\\n return _jsx(_components.p, {\\n children: \\\"Create, manage, and share skills to extend Claude’s capabilities in Claude Code. Includes custom slash commands.\\\"\\n });\\n}\\nfunction MDXContent(props = {}) {\\n const {wrapper: MDXLayout} = {\\n ..._provideComponents(),\\n ...props.components\\n };\\n return MDXLayout ? _jsx(MDXLayout, {\\n ...props,\\n children: _jsx(_createMdxContent, {\\n ...props\\n })\\n }) : _createMdxContent(props);\\n}\\nreturn {\\n default: MDXContent\\n};\\n\",\"frontmatter\":{},\"scope\":{}},\"mdxExtracts\":{\"tableOfContents\":[{\"title\":\"Getting started\",\"slug\":\"getting-started\",\"depth\":2,\"children\":[{\"title\":\"Create your first skill\",\"slug\":\"create-your-first-skill\",\"depth\":3,\"children\":[]},{\"title\":\"Where skills live\",\"slug\":\"where-skills-live\",\"depth\":3,\"children\":[]},{\"title\":\"Automatic discovery from nested directories\",\"slug\":\"automatic-discovery-from-nested-directories\",\"depth\":4,\"children\":[]},{\"title\":\"Skills from additional directories\",\"slug\":\"skills-from-additional-directories\",\"depth\":4,\"children\":[]}]},{\"title\":\"Configure skills\",\"slug\":\"configure-skills\",\"depth\":2,\"children\":[{\"title\":\"Types of skill content\",\"slug\":\"types-of-skill-content\",\"depth\":3,\"children\":[]},{\"title\":\"Frontmatter reference\",\"slug\":\"frontmatter-reference\",\"depth\":3,\"children\":[]},{\"title\":\"Available string substitutions\",\"slug\":\"available-string-substitutions\",\"depth\":4,\"children\":[]},{\"title\":\"Add supporting files\",\"slug\":\"add-supporting-files\",\"depth\":3,\"children\":[]},{\"title\":\"Control who invokes a skill\",\"slug\":\"control-who-invokes-a-skill\",\"depth\":3,\"children\":[]},{\"title\":\"Restrict tool access\",\"slug\":\"restrict-tool-access\",\"depth\":3,\"children\":[]},{\"title\":\"Pass arguments to skills\",\"slug\":\"pass-arguments-to-skills\",\"depth\":3,\"children\":[]}]},{\"title\":\"Advanced patterns\",\"slug\":\"advanced-patterns\",\"depth\":2,\"children\":[{\"title\":\"Inject dynamic context\",\"slug\":\"inject-dynamic-context\",\"depth\":3,\"children\":[]},{\"title\":\"Run skills in a subagent\",\"slug\":\"run-skills-in-a-subagent\",\"depth\":3,\"children\":[]},{\"title\":\"Example: Research skill using Explore agent\",\"slug\":\"example%3A-research-skill-using-explore-agent\",\"depth\":4,\"children\":[]},{\"title\":\"Restrict Claude’s skill access\",\"slug\":\"restrict-claude%E2%80%99s-skill-access\",\"depth\":3,\"children\":[]}]},{\"title\":\"Share skills\",\"slug\":\"share-skills\",\"depth\":2,\"children\":[{\"title\":\"Generate visual output\",\"slug\":\"generate-visual-output\",\"depth\":3,\"children\":[]}]},{\"title\":\"Troubleshooting\",\"slug\":\"troubleshooting\",\"depth\":2,\"children\":[{\"title\":\"Skill not triggering\",\"slug\":\"skill-not-triggering\",\"depth\":3,\"children\":[]},{\"title\":\"Skill triggers too often\",\"slug\":\"skill-triggers-too-often\",\"depth\":3,\"children\":[]},{\"title\":\"Claude doesn’t see all my skills\",\"slug\":\"claude-doesn%E2%80%99t-see-all-my-skills\",\"depth\":3,\"children\":[]}]},{\"title\":\"Related resources\",\"slug\":\"related-resources\",\"depth\":2,\"children\":[]}],\"codeExamples\":{}},\"pageType\":\"$undefined\",\"panelMdxSource\":\"$undefined\",\"panelMdxSourceWithNoJs\":\"$undefined\"},\"children\":[\"$\",\"$L44\",null,{\"pageMetadata\":\"$1a:props:children:props:value:pageMetadata\",\"docsConfig\":{\"theme\":\"mint\",\"$schema\":\"https://mintlify.com/docs.json\",\"name\":\"Claude Code Docs\",\"colors\":{\"primary\":\"#0E0E0E\",\"light\":\"#D4A27F\",\"dark\":\"#0E0E0E\"},\"logo\":{\"light\":\"https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/light.svg?fit=max\u0026auto=format\u0026n=o69F7a6qoW9vboof\u0026q=85\u0026s=536eade682636e84231afce2577f9509\",\"dark\":\"https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/dark.svg?fit=max\u0026auto=format\u0026n=o69F7a6qoW9vboof\u0026q=85\u0026s=0766b3221061e80143e9f300733e640b\"},\"favicon\":\"/favicon.ico\",\"appearance\":{\"default\":\"system\"},\"background\":{\"color\":{\"light\":\"#FDFDF7\",\"dark\":\"#09090B\"}},\"navbar\":{\"links\":[{\"href\":\"https://platform.claude.com/\",\"label\":\"Claude Developer Platform\"}],\"primary\":{\"type\":\"button\",\"label\":\"Claude Code on the Web\",\"href\":\"https://claude.ai/code\"}},\"navigation\":{\"languages\":[{\"language\":\"en\",\"tabs\":[{\"tab\":\"Getting started\",\"groups\":[{\"group\":\"Getting started\",\"pages\":[\"en/overview\",\"en/quickstart\",\"en/changelog\"]},{\"group\":\"Core concepts\",\"pages\":[\"en/how-claude-code-works\",\"en/features-overview\",\"en/common-workflows\",\"en/best-practices\"]},{\"group\":\"Platforms and integrations\",\"pages\":[\"en/claude-code-on-the-web\",{\"group\":\"Claude Code on desktop\",\"pages\":[\"en/desktop-quickstart\",\"en/desktop\"]},\"en/chrome\",\"en/vs-code\",\"en/jetbrains\",\"en/github-actions\",\"en/gitlab-ci-cd\",\"en/slack\"]}]},{\"tab\":\"Build with Claude Code\",\"groups\":[{\"group\":\"Build with Claude Code\",\"pages\":[\"en/sub-agents\",\"en/agent-teams\",\"en/plugins\",\"en/discover-plugins\",\"en/skills\",\"en/output-styles\",\"en/hooks-guide\",\"en/headless\",\"en/mcp\",\"en/troubleshooting\"]}]},{\"tab\":\"Deployment\",\"groups\":[{\"group\":\"Deployment\",\"pages\":[\"en/third-party-integrations\",\"en/amazon-bedrock\",\"en/google-vertex-ai\",\"en/microsoft-foundry\",\"en/network-config\",\"en/llm-gateway\",\"en/devcontainer\"]}]},{\"tab\":\"Administration\",\"groups\":[{\"group\":\"Administration\",\"pages\":[\"en/setup\",\"en/authentication\",\"en/security\",\"en/server-managed-settings\",\"en/data-usage\",\"en/monitoring-usage\",\"en/costs\",\"en/analytics\",\"en/plugin-marketplaces\"]}]},{\"tab\":\"Configuration\",\"groups\":[{\"group\":\"Configuration\",\"pages\":[\"en/settings\",\"en/permissions\",\"en/sandboxing\",\"en/terminal-config\",\"en/model-config\",\"en/fast-mode\",\"en/memory\",\"en/statusline\",\"en/keybindings\"]}]},{\"tab\":\"Reference\",\"groups\":[{\"group\":\"Reference\",\"pages\":[\"en/cli-reference\",\"en/interactive-mode\",\"en/checkpointing\",\"en/hooks\",\"en/plugins-reference\"]}]},{\"tab\":\"Resources\",\"groups\":[{\"group\":\"Resources\",\"pages\":[\"en/legal-and-compliance\"]}]}]},{\"language\":\"fr\",\"tabs\":[{\"tab\":\"Démarrer\",\"groups\":[{\"group\":\"Démarrer\",\"pages\":[\"fr/overview\",\"fr/quickstart\",\"fr/changelog\"]},{\"group\":\"Concepts fondamentaux\",\"pages\":[\"fr/how-claude-code-works\",\"fr/features-overview\",\"fr/common-workflows\",\"fr/best-practices\"]},{\"group\":\"Plateformes et intégrations\",\"pages\":[\"fr/claude-code-on-the-web\",{\"group\":\"Claude Code sur ordinateur\",\"pages\":[\"fr/desktop-quickstart\",\"fr/desktop\"]},\"fr/chrome\",\"fr/vs-code\",\"fr/jetbrains\",\"fr/github-actions\",\"fr/gitlab-ci-cd\",\"fr/slack\"]}]},{\"tab\":\"Créer avec Claude Code\",\"groups\":[{\"group\":\"Créer avec Claude Code\",\"pages\":[\"fr/sub-agents\",\"fr/agent-teams\",\"fr/plugins\",\"fr/discover-plugins\",\"fr/skills\",\"fr/output-styles\",\"fr/hooks-guide\",\"fr/headless\",\"fr/mcp\",\"fr/troubleshooting\"]}]},{\"tab\":\"Déploiement\",\"groups\":[{\"group\":\"Déploiement\",\"pages\":[\"fr/third-party-integrations\",\"fr/amazon-bedrock\",\"fr/google-vertex-ai\",\"fr/microsoft-foundry\",\"fr/network-config\",\"fr/llm-gateway\",\"fr/devcontainer\"]}]},{\"tab\":\"Administration\",\"groups\":[{\"group\":\"Administration\",\"pages\":[\"fr/setup\",\"fr/authentication\",\"fr/security\",\"fr/server-managed-settings\",\"fr/data-usage\",\"fr/monitoring-usage\",\"fr/costs\",\"fr/analytics\",\"fr/plugin-marketplaces\"]}]},{\"tab\":\"Configuration\",\"groups\":[{\"group\":\"Configuration\",\"pages\":[\"fr/settings\",\"fr/permissions\",\"fr/sandboxing\",\"fr/terminal-config\",\"fr/model-config\",\"fr/fast-mode\",\"fr/memory\",\"fr/statusline\",\"fr/keybindings\"]}]},{\"tab\":\"Référence\",\"groups\":[{\"group\":\"Référence\",\"pages\":[\"fr/cli-reference\",\"fr/interactive-mode\",\"fr/checkpointing\",\"fr/hooks\",\"fr/plugins-reference\"]}]},{\"tab\":\"Ressources\",\"groups\":[{\"group\":\"Ressources\",\"pages\":[\"fr/legal-and-compliance\"]}]}]},{\"language\":\"de\",\"tabs\":[{\"tab\":\"Erste Schritte\",\"groups\":[{\"group\":\"Erste Schritte\",\"pages\":[\"de/overview\",\"de/quickstart\",\"de/changelog\"]},{\"group\":\"Kernkonzepte\",\"pages\":[\"de/how-claude-code-works\",\"de/features-overview\",\"de/common-workflows\",\"de/best-practices\"]},{\"group\":\"Plattformen und Integrationen\",\"pages\":[\"de/claude-code-on-the-web\",{\"group\":\"Claude Code auf dem Desktop\",\"pages\":[\"de/desktop-quickstart\",\"de/desktop\"]},\"de/chrome\",\"de/vs-code\",\"de/jetbrains\",\"de/github-actions\",\"de/gitlab-ci-cd\",\"de/slack\"]}]},{\"tab\":\"Mit Claude Code erstellen\",\"groups\":[{\"group\":\"Mit Claude Code erstellen\",\"pages\":[\"de/sub-agents\",\"de/agent-teams\",\"de/plugins\",\"de/discover-plugins\",\"de/skills\",\"de/output-styles\",\"de/hooks-guide\",\"de/headless\",\"de/mcp\",\"de/troubleshooting\"]}]},{\"tab\":\"Bereitstellung\",\"groups\":[{\"group\":\"Bereitstellung\",\"pages\":[\"de/third-party-integrations\",\"de/amazon-bedrock\",\"de/google-vertex-ai\",\"de/microsoft-foundry\",\"de/network-config\",\"de/llm-gateway\",\"de/devcontainer\"]}]},{\"tab\":\"Verwaltung\",\"groups\":[{\"group\":\"Verwaltung\",\"pages\":[\"de/setup\",\"de/authentication\",\"de/security\",\"de/server-managed-settings\",\"de/data-usage\",\"de/monitoring-usage\",\"de/costs\",\"de/analytics\",\"de/plugin-marketplaces\"]}]},{\"tab\":\"Konfiguration\",\"groups\":[{\"group\":\"Konfiguration\",\"pages\":[\"de/settings\",\"de/permissions\",\"de/sandboxing\",\"de/terminal-config\",\"de/model-config\",\"de/fast-mode\",\"de/memory\",\"de/statusline\",\"de/keybindings\"]}]},{\"tab\":\"Referenz\",\"groups\":[{\"group\":\"Referenz\",\"pages\":[\"de/cli-reference\",\"de/interactive-mode\",\"de/checkpointing\",\"de/hooks\",\"de/plugins-reference\"]}]},{\"tab\":\"Ressourcen\",\"groups\":[{\"group\":\"Ressourcen\",\"pages\":[\"de/legal-and-compliance\"]}]}]},{\"language\":\"it\",\"tabs\":[{\"tab\":\"Guida introduttiva\",\"groups\":[{\"group\":\"Guida introduttiva\",\"pages\":[\"it/overview\",\"it/quickstart\",\"it/changelog\"]},{\"group\":\"Concetti fondamentali\",\"pages\":[\"it/how-claude-code-works\",\"it/features-overview\",\"it/common-workflows\",\"it/best-practices\"]},{\"group\":\"Piattaforme e integrazioni\",\"pages\":[\"it/claude-code-on-the-web\",{\"group\":\"Claude Code sul desktop\",\"pages\":[\"it/desktop-quickstart\",\"it/desktop\"]},\"it/chrome\",\"it/vs-code\",\"it/jetbrains\",\"it/github-actions\",\"it/gitlab-ci-cd\",\"it/slack\"]}]},{\"tab\":\"Sviluppate con Claude Code\",\"groups\":[{\"group\":\"Sviluppate con Claude Code\",\"pages\":[\"it/sub-agents\",\"it/agent-teams\",\"it/plugins\",\"it/discover-plugins\",\"it/skills\",\"it/output-styles\",\"it/hooks-guide\",\"it/headless\",\"it/mcp\",\"it/troubleshooting\"]}]},{\"tab\":\"Distribuzione\",\"groups\":[{\"group\":\"Distribuzione\",\"pages\":[\"it/third-party-integrations\",\"it/amazon-bedrock\",\"it/google-vertex-ai\",\"it/microsoft-foundry\",\"it/network-config\",\"it/llm-gateway\",\"it/devcontainer\"]}]},{\"tab\":\"Amministrazione\",\"groups\":[{\"group\":\"Amministrazione\",\"pages\":[\"it/setup\",\"it/authentication\",\"it/security\",\"it/server-managed-settings\",\"it/data-usage\",\"it/monitoring-usage\",\"it/costs\",\"it/analytics\",\"it/plugin-marketplaces\"]}]},{\"tab\":\"Configurazione\",\"groups\":[{\"group\":\"Configurazione\",\"pages\":[\"it/settings\",\"it/permissions\",\"it/sandboxing\",\"it/terminal-config\",\"it/model-config\",\"it/fast-mode\",\"it/memory\",\"it/statusline\",\"it/keybindings\"]}]},{\"tab\":\"Riferimento\",\"groups\":[{\"group\":\"Riferimento\",\"pages\":[\"it/cli-reference\",\"it/interactive-mode\",\"it/checkpointing\",\"it/hooks\",\"it/plugins-reference\"]}]},{\"tab\":\"Risorse\",\"groups\":[{\"group\":\"Risorse\",\"pages\":[\"it/legal-and-compliance\"]}]}]},{\"language\":\"jp\",\"tabs\":[{\"tab\":\"はじめに\",\"groups\":[{\"group\":\"はじめに\",\"pages\":[\"ja/overview\",\"ja/quickstart\",\"ja/changelog\"]},{\"group\":\"コア概念\",\"pages\":[\"ja/how-claude-code-works\",\"ja/features-overview\",\"ja/common-workflows\",\"ja/best-practices\"]},{\"group\":\"プラットフォームと統合\",\"pages\":[\"ja/claude-code-on-the-web\",{\"group\":\"Claude Code デスクトップ版\",\"pages\":[\"ja/desktop-quickstart\",\"ja/desktop\"]},\"ja/chrome\",\"ja/vs-code\",\"ja/jetbrains\",\"ja/github-actions\",\"ja/gitlab-ci-cd\",\"ja/slack\"]}]},{\"tab\":\"Claude Code で構築する\",\"groups\":[{\"group\":\"Claude Code で構築する\",\"pages\":[\"ja/sub-agents\",\"ja/agent-teams\",\"ja/plugins\",\"ja/discover-plugins\",\"ja/skills\",\"ja/output-styles\",\"ja/hooks-guide\",\"ja/headless\",\"ja/mcp\",\"ja/troubleshooting\"]}]},{\"tab\":\"デプロイ\",\"groups\":[{\"group\":\"デプロイ\",\"pages\":[\"ja/third-party-integrations\",\"ja/amazon-bedrock\",\"ja/google-vertex-ai\",\"ja/microsoft-foundry\",\"ja/network-config\",\"ja/llm-gateway\",\"ja/devcontainer\"]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[\"ja/setup\",\"ja/authentication\",\"ja/security\",\"ja/server-managed-settings\",\"ja/data-usage\",\"ja/monitoring-usage\",\"ja/costs\",\"ja/analytics\",\"ja/plugin-marketplaces\"]}]},{\"tab\":\"設定\",\"groups\":[{\"group\":\"設定\",\"pages\":[\"ja/settings\",\"ja/permissions\",\"ja/sandboxing\",\"ja/terminal-config\",\"ja/model-config\",\"ja/fast-mode\",\"ja/memory\",\"ja/statusline\",\"ja/keybindings\"]}]},{\"tab\":\"リファレンス\",\"groups\":[{\"group\":\"リファレンス\",\"pages\":[\"ja/cli-reference\",\"ja/interactive-mode\",\"ja/checkpointing\",\"ja/hooks\",\"ja/plugins-reference\"]}]},{\"tab\":\"リソース\",\"groups\":[{\"group\":\"リソース\",\"pages\":[\"ja/legal-and-compliance\"]}]}]},{\"language\":\"es\",\"tabs\":[{\"tab\":\"Primeros pasos\",\"groups\":[{\"group\":\"Primeros pasos\",\"pages\":[\"es/overview\",\"es/quickstart\",\"es/changelog\"]},{\"group\":\"Conceptos fundamentales\",\"pages\":[\"es/how-claude-code-works\",\"es/features-overview\",\"es/common-workflows\",\"es/best-practices\"]},{\"group\":\"Plataformas e integraciones\",\"pages\":[\"es/claude-code-on-the-web\",{\"group\":\"Claude Code en escritorio\",\"pages\":[\"es/desktop-quickstart\",\"es/desktop\"]},\"es/chrome\",\"es/vs-code\",\"es/jetbrains\",\"es/github-actions\",\"es/gitlab-ci-cd\",\"es/slack\"]}]},{\"tab\":\"Crear con Claude Code\",\"groups\":[{\"group\":\"Crear con Claude Code\",\"pages\":[\"es/sub-agents\",\"es/agent-teams\",\"es/plugins\",\"es/discover-plugins\",\"es/skills\",\"es/output-styles\",\"es/hooks-guide\",\"es/headless\",\"es/mcp\",\"es/troubleshooting\"]}]},{\"tab\":\"Implementación\",\"groups\":[{\"group\":\"Implementación\",\"pages\":[\"es/third-party-integrations\",\"es/amazon-bedrock\",\"es/google-vertex-ai\",\"es/microsoft-foundry\",\"es/network-config\",\"es/llm-gateway\",\"es/devcontainer\"]}]},{\"tab\":\"Administración\",\"groups\":[{\"group\":\"Administración\",\"pages\":[\"es/setup\",\"es/authentication\",\"es/security\",\"es/server-managed-settings\",\"es/data-usage\",\"es/monitoring-usage\",\"es/costs\",\"es/analytics\",\"es/plugin-marketplaces\"]}]},{\"tab\":\"Configuración\",\"groups\":[{\"group\":\"Configuración\",\"pages\":[\"es/settings\",\"es/permissions\",\"es/sandboxing\",\"es/terminal-config\",\"es/model-config\",\"es/fast-mode\",\"es/memory\",\"es/statusline\",\"es/keybindings\"]}]},{\"tab\":\"Referencia\",\"groups\":[{\"group\":\"Referencia\",\"pages\":[\"es/cli-reference\",\"es/interactive-mode\",\"es/checkpointing\",\"es/hooks\",\"es/plugins-reference\"]}]},{\"tab\":\"Recursos\",\"groups\":[{\"group\":\"Recursos\",\"pages\":[\"es/legal-and-compliance\"]}]}]},{\"language\":\"ko\",\"tabs\":[{\"tab\":\"시작하기\",\"groups\":[{\"group\":\"시작하기\",\"pages\":[\"ko/overview\",\"ko/quickstart\",\"ko/changelog\"]},{\"group\":\"핵심 개념\",\"pages\":[\"ko/how-claude-code-works\",\"ko/features-overview\",\"ko/common-workflows\",\"ko/best-practices\"]},{\"group\":\"플랫폼 및 통합\",\"pages\":[\"ko/claude-code-on-the-web\",{\"group\":\"Claude Code 데스크톱\",\"pages\":[\"ko/desktop-quickstart\",\"ko/desktop\"]},\"ko/chrome\",\"ko/vs-code\",\"ko/jetbrains\",\"ko/github-actions\",\"ko/gitlab-ci-cd\",\"ko/slack\"]}]},{\"tab\":\"Claude Code로 빌드하기\",\"groups\":[{\"group\":\"Claude Code로 빌드하기\",\"pages\":[\"ko/sub-agents\",\"ko/agent-teams\",\"ko/plugins\",\"ko/discover-plugins\",\"ko/skills\",\"ko/output-styles\",\"ko/hooks-guide\",\"ko/headless\",\"ko/mcp\",\"ko/troubleshooting\"]}]},{\"tab\":\"배포\",\"groups\":[{\"group\":\"배포\",\"pages\":[\"ko/third-party-integrations\",\"ko/amazon-bedrock\",\"ko/google-vertex-ai\",\"ko/microsoft-foundry\",\"ko/network-config\",\"ko/llm-gateway\",\"ko/devcontainer\"]}]},{\"tab\":\"관리\",\"groups\":[{\"group\":\"관리\",\"pages\":[\"ko/setup\",\"ko/authentication\",\"ko/security\",\"ko/server-managed-settings\",\"ko/data-usage\",\"ko/monitoring-usage\",\"ko/costs\",\"ko/analytics\",\"ko/plugin-marketplaces\"]}]},{\"tab\":\"구성\",\"groups\":[{\"group\":\"구성\",\"pages\":[\"ko/settings\",\"ko/permissions\",\"ko/sandboxing\",\"ko/terminal-config\",\"ko/model-config\",\"ko/fast-mode\",\"ko/memory\",\"ko/statusline\",\"ko/keybindings\"]}]},{\"tab\":\"참고\",\"groups\":[{\"group\":\"참고\",\"pages\":[\"ko/cli-reference\",\"ko/interactive-mode\",\"ko/checkpointing\",\"ko/hooks\",\"ko/plugins-reference\"]}]},{\"tab\":\"리소스\",\"groups\":[{\"group\":\"리소스\",\"pages\":[\"ko/legal-and-compliance\"]}]}]},{\"language\":\"cn\",\"tabs\":[{\"tab\":\"快速开始\",\"groups\":[{\"group\":\"快速开始\",\"pages\":[\"zh-CN/overview\",\"zh-CN/quickstart\",\"zh-CN/changelog\"]},{\"group\":\"核心概念\",\"pages\":[\"zh-CN/how-claude-code-works\",\"zh-CN/features-overview\",\"zh-CN/common-workflows\",\"zh-CN/best-practices\"]},{\"group\":\"平台和集成\",\"pages\":[\"zh-CN/claude-code-on-the-web\",{\"group\":\"Claude Code 桌面版\",\"pages\":[\"zh-CN/desktop-quickstart\",\"zh-CN/desktop\"]},\"zh-CN/chrome\",\"zh-CN/vs-code\",\"zh-CN/jetbrains\",\"zh-CN/github-actions\",\"zh-CN/gitlab-ci-cd\",\"zh-CN/slack\"]}]},{\"tab\":\"使用 Claude Code 构建\",\"groups\":[{\"group\":\"使用 Claude Code 构建\",\"pages\":[\"zh-CN/sub-agents\",\"zh-CN/agent-teams\",\"zh-CN/plugins\",\"zh-CN/discover-plugins\",\"zh-CN/skills\",\"zh-CN/output-styles\",\"zh-CN/hooks-guide\",\"zh-CN/headless\",\"zh-CN/mcp\",\"zh-CN/troubleshooting\"]}]},{\"tab\":\"部署\",\"groups\":[{\"group\":\"部署\",\"pages\":[\"zh-CN/third-party-integrations\",\"zh-CN/amazon-bedrock\",\"zh-CN/google-vertex-ai\",\"zh-CN/microsoft-foundry\",\"zh-CN/network-config\",\"zh-CN/llm-gateway\",\"zh-CN/devcontainer\"]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[\"zh-CN/setup\",\"zh-CN/authentication\",\"zh-CN/security\",\"zh-CN/server-managed-settings\",\"zh-CN/data-usage\",\"zh-CN/monitoring-usage\",\"zh-CN/costs\",\"zh-CN/analytics\",\"zh-CN/plugin-marketplaces\"]}]},{\"tab\":\"配置\",\"groups\":[{\"group\":\"配置\",\"pages\":[\"zh-CN/settings\",\"zh-CN/permissions\",\"zh-CN/sandboxing\",\"zh-CN/terminal-config\",\"zh-CN/model-config\",\"zh-CN/fast-mode\",\"zh-CN/memory\",\"zh-CN/statusline\",\"zh-CN/keybindings\"]}]},{\"tab\":\"参考\",\"groups\":[{\"group\":\"参考\",\"pages\":[\"zh-CN/cli-reference\",\"zh-CN/interactive-mode\",\"zh-CN/checkpointing\",\"zh-CN/hooks\",\"zh-CN/plugins-reference\"]}]},{\"tab\":\"资源\",\"groups\":[{\"group\":\"资源\",\"pages\":[\"zh-CN/legal-and-compliance\"]}]}]},{\"language\":\"zh-Hant\",\"tabs\":[{\"tab\":\"開始使用\",\"groups\":[{\"group\":\"開始使用\",\"pages\":[\"zh-TW/overview\",\"zh-TW/quickstart\",\"zh-TW/changelog\"]},{\"group\":\"核心概念\",\"pages\":[\"zh-TW/how-claude-code-works\",\"zh-TW/features-overview\",\"zh-TW/common-workflows\",\"zh-TW/best-practices\"]},{\"group\":\"平台和整合\",\"pages\":[\"zh-TW/claude-code-on-the-web\",{\"group\":\"Claude Code 桌面版\",\"pages\":[\"zh-TW/desktop-quickstart\",\"zh-TW/desktop\"]},\"zh-TW/chrome\",\"zh-TW/vs-code\",\"zh-TW/jetbrains\",\"zh-TW/github-actions\",\"zh-TW/gitlab-ci-cd\",\"zh-TW/slack\"]}]},{\"tab\":\"使用 Claude Code 建構\",\"groups\":[{\"group\":\"使用 Claude Code 建構\",\"pages\":[\"zh-TW/sub-agents\",\"zh-TW/agent-teams\",\"zh-TW/plugins\",\"zh-TW/discover-plugins\",\"zh-TW/skills\",\"zh-TW/output-styles\",\"zh-TW/hooks-guide\",\"zh-TW/headless\",\"zh-TW/mcp\",\"zh-TW/troubleshooting\"]}]},{\"tab\":\"部署\",\"groups\":[{\"group\":\"部署\",\"pages\":[\"zh-TW/third-party-integrations\",\"zh-TW/amazon-bedrock\",\"zh-TW/google-vertex-ai\",\"zh-TW/microsoft-foundry\",\"zh-TW/network-config\",\"zh-TW/llm-gateway\",\"zh-TW/devcontainer\"]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[\"zh-TW/setup\",\"zh-TW/authentication\",\"zh-TW/security\",\"zh-TW/server-managed-settings\",\"zh-TW/data-usage\",\"zh-TW/monitoring-usage\",\"zh-TW/costs\",\"zh-TW/analytics\",\"zh-TW/plugin-marketplaces\"]}]},{\"tab\":\"設定\",\"groups\":[{\"group\":\"設定\",\"pages\":[\"zh-TW/settings\",\"zh-TW/permissions\",\"zh-TW/sandboxing\",\"zh-TW/terminal-config\",\"zh-TW/model-config\",\"zh-TW/fast-mode\",\"zh-TW/memory\",\"zh-TW/statusline\",\"zh-TW/keybindings\"]}]},{\"tab\":\"參考資料\",\"groups\":[{\"group\":\"參考資料\",\"pages\":[\"zh-TW/cli-reference\",\"zh-TW/interactive-mode\",\"zh-TW/checkpointing\",\"zh-TW/hooks\",\"zh-TW/plugins-reference\"]}]},{\"tab\":\"資源\",\"groups\":[{\"group\":\"資源\",\"pages\":[\"zh-TW/legal-and-compliance\"]}]}]},{\"language\":\"ru\",\"tabs\":[{\"tab\":\"Начало работы\",\"groups\":[{\"group\":\"Начало работы\",\"pages\":[\"ru/overview\",\"ru/quickstart\",\"ru/changelog\"]},{\"group\":\"Основные концепции\",\"pages\":[\"ru/how-claude-code-works\",\"ru/features-overview\",\"ru/common-workflows\",\"ru/best-practices\"]},{\"group\":\"Платформы и интеграции\",\"pages\":[\"ru/claude-code-on-the-web\",{\"group\":\"Claude Code на рабочем столе\",\"pages\":[\"ru/desktop-quickstart\",\"ru/desktop\"]},\"ru/chrome\",\"ru/vs-code\",\"ru/jetbrains\",\"ru/github-actions\",\"ru/gitlab-ci-cd\",\"ru/slack\"]}]},{\"tab\":\"Разработка с Claude Code\",\"groups\":[{\"group\":\"Разработка с Claude Code\",\"pages\":[\"ru/sub-agents\",\"ru/agent-teams\",\"ru/plugins\",\"ru/discover-plugins\",\"ru/skills\",\"ru/output-styles\",\"ru/hooks-guide\",\"ru/headless\",\"ru/mcp\",\"ru/troubleshooting\"]}]},{\"tab\":\"Развертывание\",\"groups\":[{\"group\":\"Развертывание\",\"pages\":[\"ru/third-party-integrations\",\"ru/amazon-bedrock\",\"ru/google-vertex-ai\",\"ru/microsoft-foundry\",\"ru/network-config\",\"ru/llm-gateway\",\"ru/devcontainer\"]}]},{\"tab\":\"Администрирование\",\"groups\":[{\"group\":\"Администрирование\",\"pages\":[\"ru/setup\",\"ru/authentication\",\"ru/security\",\"ru/server-managed-settings\",\"ru/data-usage\",\"ru/monitoring-usage\",\"ru/costs\",\"ru/analytics\",\"ru/plugin-marketplaces\"]}]},{\"tab\":\"Конфигурация\",\"groups\":[{\"group\":\"Конфигурация\",\"pages\":[\"ru/settings\",\"ru/permissions\",\"ru/sandboxing\",\"ru/terminal-config\",\"ru/model-config\",\"ru/fast-mode\",\"ru/memory\",\"ru/statusline\",\"ru/keybindings\"]}]},{\"tab\":\"Справочник\",\"groups\":[{\"group\":\"Справочник\",\"pages\":[\"ru/cli-reference\",\"ru/interactive-mode\",\"ru/checkpointing\",\"ru/hooks\",\"ru/plugins-reference\"]}]},{\"tab\":\"Ресурсы\",\"groups\":[{\"group\":\"Ресурсы\",\"pages\":[\"ru/legal-and-compliance\"]}]}]},{\"language\":\"id\",\"tabs\":[{\"tab\":\"Memulai\",\"groups\":[{\"group\":\"Memulai\",\"pages\":[\"id/overview\",\"id/quickstart\",\"id/changelog\"]},{\"group\":\"Konsep Inti\",\"pages\":[\"id/how-claude-code-works\",\"id/features-overview\",\"id/common-workflows\",\"id/best-practices\"]},{\"group\":\"Platform dan integrasi\",\"pages\":[\"id/claude-code-on-the-web\",{\"group\":\"Claude Code di desktop\",\"pages\":[\"id/desktop-quickstart\",\"id/desktop\"]},\"id/chrome\",\"id/vs-code\",\"id/jetbrains\",\"id/github-actions\",\"id/gitlab-ci-cd\",\"id/slack\"]}]},{\"tab\":\"Bangun dengan Claude Code\",\"groups\":[{\"group\":\"Bangun dengan Claude Code\",\"pages\":[\"id/sub-agents\",\"id/agent-teams\",\"id/plugins\",\"id/discover-plugins\",\"id/skills\",\"id/output-styles\",\"id/hooks-guide\",\"id/headless\",\"id/mcp\",\"id/troubleshooting\"]}]},{\"tab\":\"Penerapan\",\"groups\":[{\"group\":\"Penerapan\",\"pages\":[\"id/third-party-integrations\",\"id/amazon-bedrock\",\"id/google-vertex-ai\",\"id/microsoft-foundry\",\"id/network-config\",\"id/llm-gateway\",\"id/devcontainer\"]}]},{\"tab\":\"Administrasi\",\"groups\":[{\"group\":\"Administrasi\",\"pages\":[\"id/setup\",\"id/authentication\",\"id/security\",\"id/server-managed-settings\",\"id/data-usage\",\"id/monitoring-usage\",\"id/costs\",\"id/analytics\",\"id/plugin-marketplaces\"]}]},{\"tab\":\"Konfigurasi\",\"groups\":[{\"group\":\"Konfigurasi\",\"pages\":[\"id/settings\",\"id/permissions\",\"id/sandboxing\",\"id/terminal-config\",\"id/model-config\",\"id/fast-mode\",\"id/memory\",\"id/statusline\",\"id/keybindings\"]}]},{\"tab\":\"Referensi\",\"groups\":[{\"group\":\"Referensi\",\"pages\":[\"id/cli-reference\",\"id/interactive-mode\",\"id/checkpointing\",\"id/hooks\",\"id/plugins-reference\"]}]},{\"tab\":\"Sumber Daya\",\"groups\":[{\"group\":\"Sumber Daya\",\"pages\":[\"id/legal-and-compliance\"]}]}]},{\"language\":\"pt-BR\",\"tabs\":[{\"tab\":\"Primeiros passos\",\"groups\":[{\"group\":\"Primeiros passos\",\"pages\":[\"pt/overview\",\"pt/quickstart\",\"pt/changelog\"]},{\"group\":\"Conceitos principais\",\"pages\":[\"pt/how-claude-code-works\",\"pt/features-overview\",\"pt/common-workflows\",\"pt/best-practices\"]},{\"group\":\"Plataformas e integrações\",\"pages\":[\"pt/claude-code-on-the-web\",{\"group\":\"Claude Code no desktop\",\"pages\":[\"pt/desktop-quickstart\",\"pt/desktop\"]},\"pt/chrome\",\"pt/vs-code\",\"pt/jetbrains\",\"pt/github-actions\",\"pt/gitlab-ci-cd\",\"pt/slack\"]}]},{\"tab\":\"Construir com Claude Code\",\"groups\":[{\"group\":\"Construir com Claude Code\",\"pages\":[\"pt/sub-agents\",\"pt/agent-teams\",\"pt/plugins\",\"pt/discover-plugins\",\"pt/skills\",\"pt/output-styles\",\"pt/hooks-guide\",\"pt/headless\",\"pt/mcp\",\"pt/troubleshooting\"]}]},{\"tab\":\"Implantação\",\"groups\":[{\"group\":\"Implantação\",\"pages\":[\"pt/third-party-integrations\",\"pt/amazon-bedrock\",\"pt/google-vertex-ai\",\"pt/microsoft-foundry\",\"pt/network-config\",\"pt/llm-gateway\",\"pt/devcontainer\"]}]},{\"tab\":\"Administração\",\"groups\":[{\"group\":\"Administração\",\"pages\":[\"pt/setup\",\"pt/authentication\",\"pt/security\",\"pt/server-managed-settings\",\"pt/data-usage\",\"pt/monitoring-usage\",\"pt/costs\",\"pt/analytics\",\"pt/plugin-marketplaces\"]}]},{\"tab\":\"Configuração\",\"groups\":[{\"group\":\"Configuração\",\"pages\":[\"pt/settings\",\"pt/permissions\",\"pt/sandboxing\",\"pt/terminal-config\",\"pt/model-config\",\"pt/fast-mode\",\"pt/memory\",\"pt/statusline\",\"pt/keybindings\"]}]},{\"tab\":\"Referência\",\"groups\":[{\"group\":\"Referência\",\"pages\":[\"pt/cli-reference\",\"pt/interactive-mode\",\"pt/checkpointing\",\"pt/hooks\",\"pt/plugins-reference\"]}]},{\"tab\":\"Recursos\",\"groups\":[{\"group\":\"Recursos\",\"pages\":[\"pt/legal-and-compliance\"]}]}]}]},\"footer\":{\"socials\":{\"x\":\"https://x.com/AnthropicAI\",\"linkedin\":\"https://www.linkedin.com/company/anthropicresearch\"},\"links\":[{\"header\":\"Company\",\"items\":[{\"label\":\"Anthropic\",\"href\":\"https://www.anthropic.com/company\"},{\"label\":\"Careers\",\"href\":\"https://www.anthropic.com/careers\"},{\"label\":\"Economic Futures\",\"href\":\"https://www.anthropic.com/economic-futures\"},{\"label\":\"Research\",\"href\":\"https://www.anthropic.com/research\"},{\"label\":\"News\",\"href\":\"https://www.anthropic.com/news\"},{\"label\":\"Trust center\",\"href\":\"https://trust.anthropic.com/\"},{\"label\":\"Transparency\",\"href\":\"https://www.anthropic.com/transparency\"}]},{\"header\":\"Help and security\",\"items\":[{\"label\":\"Availability\",\"href\":\"https://www.anthropic.com/supported-countries\"},{\"label\":\"Status\",\"href\":\"https://status.anthropic.com/\"},{\"label\":\"Support center\",\"href\":\"https://support.claude.com/\"}]},{\"header\":\"Learn\",\"items\":[{\"label\":\"Courses\",\"href\":\"https://www.anthropic.com/learn\"},{\"label\":\"MCP connectors\",\"href\":\"https://claude.com/partners/mcp\"},{\"label\":\"Customer stories\",\"href\":\"https://www.claude.com/customers\"},{\"label\":\"Engineering blog\",\"href\":\"https://www.anthropic.com/engineering\"},{\"label\":\"Events\",\"href\":\"https://www.anthropic.com/events\"},{\"label\":\"Powered by Claude\",\"href\":\"https://claude.com/partners/powered-by-claude\"},{\"label\":\"Service partners\",\"href\":\"https://claude.com/partners/services\"},{\"label\":\"Startups program\",\"href\":\"https://claude.com/programs/startups\"}]},{\"header\":\"Terms and policies\",\"items\":[{\"label\":\"Privacy policy\",\"href\":\"https://www.anthropic.com/legal/privacy\"},{\"label\":\"Disclosure policy\",\"href\":\"https://www.anthropic.com/responsible-disclosure-policy\"},{\"label\":\"Usage policy\",\"href\":\"https://www.anthropic.com/legal/aup\"},{\"label\":\"Commercial terms\",\"href\":\"https://www.anthropic.com/legal/commercial-terms\"},{\"label\":\"Consumer terms\",\"href\":\"https://www.anthropic.com/legal/consumer-terms\"}]}]},\"seo\":{\"metatags\":{\"canonical\":\"https://code.claude.com/docs\"}},\"fonts\":{\"family\":\"Anthropic Sans\"},\"redirects\":[{\"source\":\"/en/iam\",\"destination\":\"/en/authentication\",\"permanent\":true},{\"source\":\"/en/cli-usage\",\"destination\":\"/en/cli-reference\",\"permanent\":true},{\"source\":\"/en/ide-integrations\",\"destination\":\"/en/vs-code\",\"permanent\":true},{\"source\":\"/en/tutorials\",\"destination\":\"/en/common-workflows\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/tutorials\",\"destination\":\"/en/common-workflows\",\"permanent\":true},{\"source\":\"/en/team\",\"destination\":\"/en/authentication\",\"permanent\":true},{\"source\":\"/en/corporate-proxy\",\"destination\":\"/en/network-config\",\"permanent\":true},{\"source\":\"/en/sdk/sdk-headless\",\"destination\":\"/en/headless\",\"permanent\":true},{\"source\":\"/s/claude-code-github-actions\",\"destination\":\"/en/github-actions\",\"permanent\":false},{\"source\":\"/s/claude-code-ide-integrations\",\"destination\":\"/en/ide-integrations\",\"permanent\":false},{\"source\":\"/s/claude-code-worktrees\",\"destination\":\"/en/common-workflows#run-parallel-claude-code-sessions-with-git-worktrees\",\"permanent\":false},{\"source\":\"/s/claude-code-troubleshooting\",\"destination\":\"/en/troubleshooting\",\"permanent\":false},{\"source\":\"/s/claude-code-auto-updater\",\"destination\":\"/en/settings#auto-updater-permission-options\",\"permanent\":false},{\"source\":\"/s/claude-code-mcp\",\"destination\":\"/en/mcp\",\"permanent\":false},{\"source\":\"/s/claude-code-cost\",\"destination\":\"/en/costs\",\"permanent\":false},{\"source\":\"/s/claude-code\",\"destination\":\"/en/overview\",\"permanent\":false},{\"source\":\"/s/claude-code-security\",\"destination\":\"/en/security\",\"permanent\":false},{\"source\":\"/en/agents-and-tools/claude-code/overview\",\"destination\":\"/en/overview\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/common-workflows\",\"destination\":\"/en/common-workflows\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/troubleshooting\",\"destination\":\"/en/troubleshooting\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/overview#notification-setup\",\"destination\":\"/en/setup#notification-setup\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/bedrock-vertex\",\"destination\":\"/en/third-party-integrations\",\"permanent\":true},{\"source\":\"/en/bedrock-vertex\",\"destination\":\"/en/third-party-integrations\",\"permanent\":true},{\"source\":\"/s/claude-code-enterprise-setup\",\"destination\":\"/en/third-party-integrations\",\"permanent\":false},{\"source\":\"/en/bedrock-vertex-proxies\",\"destination\":\"/en/third-party-integrations\",\"permanent\":true},{\"source\":\"/en/getting-started\",\"destination\":\"/en/setup\",\"permanent\":true},{\"source\":\"/en/subagents\",\"destination\":\"/en/sub-agents\",\"permanent\":true},{\"source\":\"/en/azure-ai-foundry\",\"destination\":\"/en/microsoft-foundry\",\"permanent\":true},{\"source\":\"/en/sdk/migration-guide\",\"destination\":\"https://platform.claude.com/docs/en/agent-sdk/migration-guide\",\"permanent\":true},{\"source\":\"/en/slash-commands\",\"destination\":\"/en/skills\",\"permanent\":true}],\"contextual\":{\"options\":[\"copy\",\"view\",\"claude\"],\"display\":\"header\"},\"styling\":{\"latex\":true}},\"mdxExtracts\":\"$1a:props:children:props:value:mdxExtracts\",\"apiReferenceData2\":\"$undefined\",\"children\":\"$L45\"}]}]}]\n"])</script><script>self.__next_f.push([1,"46:I[97870,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"TabSyncContextProvider\"]\n"])</script><script>self.__next_f.push([1,"47:I[42080,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"FooterAndSidebarScrollScript\",1]\n"])</script><script>self.__next_f.push([1,"48:I[91153,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"Background\",1]\n"])</script><script>self.__next_f.push([1,"4d:I[1221,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"45960\",\"static/chunks/45960-6a130743f551197d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"83378\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%40topbar/%5B%5B...slug%5D%5D/page-e4ccff3e6922c6c6.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"TopBar\",1]\n"])</script><script>self.__next_f.push([1,"49:T1126,"])</script><script>self.__next_f.push([1,"\n/* These styles mirror our design system (converted to plain CSS with Claude's help) from https://ui.product.ant.dev/button */\n\n/* Base button styles */\n.btn {\n position: relative;\n display: inline-flex;\n gap: 0.5rem;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n min-width: 5rem;\n height: 2.25rem;\n padding: 0.5rem 1rem;\n white-space: nowrap;\n font-family: Styrene;\n font-weight: 600;\n border-radius: 0.5rem;\n \u0026:active {\n transform: scale(0.985);\n }\n\n /* Size variants */\n \u0026.size-xs {\n height: 1.75rem;\n min-width: 3.5rem;\n padding: 0 0.5rem;\n border-radius: 0.25rem;\n font-size: 0.75rem;\n gap: 0.25rem;\n }\n \n \u0026.size-sm {\n height: 2rem;\n min-width: 4rem;\n padding: 0 0.75rem;\n border-radius: 0.375rem;\n font-size: 0.75rem;\n }\n\n \u0026.size-lg {\n height: 2.75rem;\n min-width: 6rem;\n padding: 0 1.25rem;\n border-radius: 0.6rem;\n }\n\n \u0026:disabled {\n pointer-events: none;\n opacity: 0.5;\n box-shadow: none;\n }\n\n \u0026:focus-visible {\n outline: none;\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow);\n }\n\n /* Primary variant */\n \u0026.primary {\n font-weight: 600;\n color: hsl(var(--oncolor-100));\n background-color: hsl(var(--accent-main-100));\n background-image: linear-gradient(\n to right,\n hsl(var(--accent-main-100)) 0%,\n hsl(var(--accent-main-200) / 0.5) 50%,\n hsl(var(--accent-main-200)) 100%\n );\n background-size: 200% 100%;\n background-position: 0% 0%;\n border: 0.5px solid hsl(var(--border-300) / 0.25);\n box-shadow: \n inset 0 0.5px 0px rgba(255, 255, 0, 0.15),\n 0 1px 1px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px 2px rgb(0 0 0 / 10%);\n transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n\n \u0026:hover {\n background-position: 100% 0%;\n background-image: linear-gradient(\n to right,\n hsl(var(--accent-main-200)) 0%,\n hsl(var(--accent-main-200)) 100%\n );\n }\n\n \u0026:active {\n background-color: hsl(var(--accent-main-000));\n box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.2);\n transform: scale(0.985);\n }\n }\n\n /* Flat variant */\n \u0026.flat {\n font-weight: 500;\n color: hsl(var(--oncolor-100));\n background-color: hsl(var(--accent-main-100));\n transition: background-color 150ms;\n\n \u0026:hover {\n background-color: hsl(var(--accent-main-200));\n }\n }\n\n /* Secondary variant */\n \u0026.secondary {\n font-weight: 600;\n color: hsl(var(--text-100) / 0.9);\n background-image: radial-gradient(\n ellipse at center,\n hsl(var(--bg-500) / 0.1) 50%,\n hsl(var(--bg-500) / 0.3) 100%\n );\n border: 0.5px solid hsl(var(--border-400));\n transition: color 150ms, background-color 150ms;\n\n \u0026:hover {\n color: hsl(var(--text-000));\n background-color: hsl(var(--bg-500) / 0.6);\n }\n\n \u0026:active {\n background-color: hsl(var(--bg-500) / 0.5);\n }\n }\n\n /* Outline variant */\n \u0026.outline {\n font-weight: 600;\n color: hsl(var(--text-200));\n background-color: transparent;\n border: 1.5px solid currentColor;\n transition: color 150ms, background-color 150ms;\n\n \u0026:hover {\n color: hsl(var(--text-100));\n background-color: hsl(var(--bg-400));\n border-color: hsl(var(--bg-400));\n }\n }\n\n /* Ghost variant */\n \u0026.ghost {\n color: hsl(var(--text-200));\n border-color: transparent;\n transition: color 150ms, background-color 150ms;\n\n \u0026:hover {\n color: hsl(var(--text-100));\n background-color: hsl(var(--bg-500) / 0.4);\n }\n\n \u0026:active {\n background-color: hsl(var(--bg-400));\n }\n }\n\n /* Underline variant */\n \u0026.underline {\n opacity: 0.8;\n text-decoration-line: none;\n text-underline-offset: 3px;\n transition: all 150ms;\n\n \u0026:hover {\n opacity: 1;\n text-decoration-line: underline;\n }\n\n \u0026:active {\n transform: scale(0.985);\n }\n }\n\n /* Danger variant */\n \u0026.danger {\n font-weight: 600;\n color: hsl(var(--oncolor-100));\n background-color: hsl(var(--danger-100));\n transition: background-color 150ms;\n\n \u0026:hover {\n background-color: hsl(var(--danger-200));\n }\n }\n}\n"])</script><script>self.__next_f.push([1,"45:[\"$\",\"$L46\",null,{\"children\":[[\"$\",\"$L2f\",null,{\"id\":\"_mintlify-page-mode-script\",\"strategy\":\"beforeInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"document.documentElement.setAttribute('data-page-mode', 'none');\"}}],[\"$\",\"$L47\",null,{\"theme\":\"mint\"}],[\"$\",\"$L48\",null,{\"docsConfig\":\"$1a:props:children:props:children:props:docsConfig\",\"pageMetadata\":\"$1a:props:children:props:value:pageMetadata\"}],[[\"$\",\"style\",\"0\",{\"data-custom-css-index\":0,\"data-custom-css-path\":\"button.css\",\"dangerouslySetInnerHTML\":{\"__html\":\"$49\"}}],\"$L4a\"],\"$L4b\",\"$L4c\"]}]\n"])</script><script>self.__next_f.push([1,"16:[\"$\",\"$L4d\",null,{\"pageMetadata\":{\"title\":\"Extend Claude with skills\",\"description\":\"Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands.\",\"href\":\"/en/skills\",\"hidden\":false},\"docsConfig\":{\"theme\":\"mint\",\"$schema\":\"https://mintlify.com/docs.json\",\"name\":\"Claude Code Docs\",\"colors\":{\"primary\":\"#0E0E0E\",\"light\":\"#D4A27F\",\"dark\":\"#0E0E0E\"},\"logo\":{\"light\":\"https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/light.svg?fit=max\u0026auto=format\u0026n=o69F7a6qoW9vboof\u0026q=85\u0026s=536eade682636e84231afce2577f9509\",\"dark\":\"https://mintcdn.com/claude-code/o69F7a6qoW9vboof/logo/dark.svg?fit=max\u0026auto=format\u0026n=o69F7a6qoW9vboof\u0026q=85\u0026s=0766b3221061e80143e9f300733e640b\"},\"favicon\":\"/favicon.ico\",\"appearance\":{\"default\":\"system\"},\"background\":{\"color\":{\"light\":\"#FDFDF7\",\"dark\":\"#09090B\"}},\"navbar\":{\"links\":[{\"href\":\"https://platform.claude.com/\",\"label\":\"Claude Developer Platform\"}],\"primary\":{\"type\":\"button\",\"label\":\"Claude Code on the Web\",\"href\":\"https://claude.ai/code\"}},\"navigation\":{\"languages\":[{\"language\":\"en\",\"tabs\":[{\"tab\":\"Getting started\",\"groups\":[{\"group\":\"Getting started\",\"pages\":[\"en/overview\",\"en/quickstart\",\"en/changelog\"]},{\"group\":\"Core concepts\",\"pages\":[\"en/how-claude-code-works\",\"en/features-overview\",\"en/common-workflows\",\"en/best-practices\"]},{\"group\":\"Platforms and integrations\",\"pages\":[\"en/claude-code-on-the-web\",{\"group\":\"Claude Code on desktop\",\"pages\":[\"en/desktop-quickstart\",\"en/desktop\"]},\"en/chrome\",\"en/vs-code\",\"en/jetbrains\",\"en/github-actions\",\"en/gitlab-ci-cd\",\"en/slack\"]}]},{\"tab\":\"Build with Claude Code\",\"groups\":[{\"group\":\"Build with Claude Code\",\"pages\":[\"en/sub-agents\",\"en/agent-teams\",\"en/plugins\",\"en/discover-plugins\",\"en/skills\",\"en/output-styles\",\"en/hooks-guide\",\"en/headless\",\"en/mcp\",\"en/troubleshooting\"]}]},{\"tab\":\"Deployment\",\"groups\":[{\"group\":\"Deployment\",\"pages\":[\"en/third-party-integrations\",\"en/amazon-bedrock\",\"en/google-vertex-ai\",\"en/microsoft-foundry\",\"en/network-config\",\"en/llm-gateway\",\"en/devcontainer\"]}]},{\"tab\":\"Administration\",\"groups\":[{\"group\":\"Administration\",\"pages\":[\"en/setup\",\"en/authentication\",\"en/security\",\"en/server-managed-settings\",\"en/data-usage\",\"en/monitoring-usage\",\"en/costs\",\"en/analytics\",\"en/plugin-marketplaces\"]}]},{\"tab\":\"Configuration\",\"groups\":[{\"group\":\"Configuration\",\"pages\":[\"en/settings\",\"en/permissions\",\"en/sandboxing\",\"en/terminal-config\",\"en/model-config\",\"en/fast-mode\",\"en/memory\",\"en/statusline\",\"en/keybindings\"]}]},{\"tab\":\"Reference\",\"groups\":[{\"group\":\"Reference\",\"pages\":[\"en/cli-reference\",\"en/interactive-mode\",\"en/checkpointing\",\"en/hooks\",\"en/plugins-reference\"]}]},{\"tab\":\"Resources\",\"groups\":[{\"group\":\"Resources\",\"pages\":[\"en/legal-and-compliance\"]}]}]},{\"language\":\"fr\",\"tabs\":[{\"tab\":\"Démarrer\",\"groups\":[{\"group\":\"Démarrer\",\"pages\":[\"fr/overview\",\"fr/quickstart\",\"fr/changelog\"]},{\"group\":\"Concepts fondamentaux\",\"pages\":[\"fr/how-claude-code-works\",\"fr/features-overview\",\"fr/common-workflows\",\"fr/best-practices\"]},{\"group\":\"Plateformes et intégrations\",\"pages\":[\"fr/claude-code-on-the-web\",{\"group\":\"Claude Code sur ordinateur\",\"pages\":[\"fr/desktop-quickstart\",\"fr/desktop\"]},\"fr/chrome\",\"fr/vs-code\",\"fr/jetbrains\",\"fr/github-actions\",\"fr/gitlab-ci-cd\",\"fr/slack\"]}]},{\"tab\":\"Créer avec Claude Code\",\"groups\":[{\"group\":\"Créer avec Claude Code\",\"pages\":[\"fr/sub-agents\",\"fr/agent-teams\",\"fr/plugins\",\"fr/discover-plugins\",\"fr/skills\",\"fr/output-styles\",\"fr/hooks-guide\",\"fr/headless\",\"fr/mcp\",\"fr/troubleshooting\"]}]},{\"tab\":\"Déploiement\",\"groups\":[{\"group\":\"Déploiement\",\"pages\":[\"fr/third-party-integrations\",\"fr/amazon-bedrock\",\"fr/google-vertex-ai\",\"fr/microsoft-foundry\",\"fr/network-config\",\"fr/llm-gateway\",\"fr/devcontainer\"]}]},{\"tab\":\"Administration\",\"groups\":[{\"group\":\"Administration\",\"pages\":[\"fr/setup\",\"fr/authentication\",\"fr/security\",\"fr/server-managed-settings\",\"fr/data-usage\",\"fr/monitoring-usage\",\"fr/costs\",\"fr/analytics\",\"fr/plugin-marketplaces\"]}]},{\"tab\":\"Configuration\",\"groups\":[{\"group\":\"Configuration\",\"pages\":[\"fr/settings\",\"fr/permissions\",\"fr/sandboxing\",\"fr/terminal-config\",\"fr/model-config\",\"fr/fast-mode\",\"fr/memory\",\"fr/statusline\",\"fr/keybindings\"]}]},{\"tab\":\"Référence\",\"groups\":[{\"group\":\"Référence\",\"pages\":[\"fr/cli-reference\",\"fr/interactive-mode\",\"fr/checkpointing\",\"fr/hooks\",\"fr/plugins-reference\"]}]},{\"tab\":\"Ressources\",\"groups\":[{\"group\":\"Ressources\",\"pages\":[\"fr/legal-and-compliance\"]}]}]},{\"language\":\"de\",\"tabs\":[{\"tab\":\"Erste Schritte\",\"groups\":[{\"group\":\"Erste Schritte\",\"pages\":[\"de/overview\",\"de/quickstart\",\"de/changelog\"]},{\"group\":\"Kernkonzepte\",\"pages\":[\"de/how-claude-code-works\",\"de/features-overview\",\"de/common-workflows\",\"de/best-practices\"]},{\"group\":\"Plattformen und Integrationen\",\"pages\":[\"de/claude-code-on-the-web\",{\"group\":\"Claude Code auf dem Desktop\",\"pages\":[\"de/desktop-quickstart\",\"de/desktop\"]},\"de/chrome\",\"de/vs-code\",\"de/jetbrains\",\"de/github-actions\",\"de/gitlab-ci-cd\",\"de/slack\"]}]},{\"tab\":\"Mit Claude Code erstellen\",\"groups\":[{\"group\":\"Mit Claude Code erstellen\",\"pages\":[\"de/sub-agents\",\"de/agent-teams\",\"de/plugins\",\"de/discover-plugins\",\"de/skills\",\"de/output-styles\",\"de/hooks-guide\",\"de/headless\",\"de/mcp\",\"de/troubleshooting\"]}]},{\"tab\":\"Bereitstellung\",\"groups\":[{\"group\":\"Bereitstellung\",\"pages\":[\"de/third-party-integrations\",\"de/amazon-bedrock\",\"de/google-vertex-ai\",\"de/microsoft-foundry\",\"de/network-config\",\"de/llm-gateway\",\"de/devcontainer\"]}]},{\"tab\":\"Verwaltung\",\"groups\":[{\"group\":\"Verwaltung\",\"pages\":[\"de/setup\",\"de/authentication\",\"de/security\",\"de/server-managed-settings\",\"de/data-usage\",\"de/monitoring-usage\",\"de/costs\",\"de/analytics\",\"de/plugin-marketplaces\"]}]},{\"tab\":\"Konfiguration\",\"groups\":[{\"group\":\"Konfiguration\",\"pages\":[\"de/settings\",\"de/permissions\",\"de/sandboxing\",\"de/terminal-config\",\"de/model-config\",\"de/fast-mode\",\"de/memory\",\"de/statusline\",\"de/keybindings\"]}]},{\"tab\":\"Referenz\",\"groups\":[{\"group\":\"Referenz\",\"pages\":[\"de/cli-reference\",\"de/interactive-mode\",\"de/checkpointing\",\"de/hooks\",\"de/plugins-reference\"]}]},{\"tab\":\"Ressourcen\",\"groups\":[{\"group\":\"Ressourcen\",\"pages\":[\"de/legal-and-compliance\"]}]}]},{\"language\":\"it\",\"tabs\":[{\"tab\":\"Guida introduttiva\",\"groups\":[{\"group\":\"Guida introduttiva\",\"pages\":[\"it/overview\",\"it/quickstart\",\"it/changelog\"]},{\"group\":\"Concetti fondamentali\",\"pages\":[\"it/how-claude-code-works\",\"it/features-overview\",\"it/common-workflows\",\"it/best-practices\"]},{\"group\":\"Piattaforme e integrazioni\",\"pages\":[\"it/claude-code-on-the-web\",{\"group\":\"Claude Code sul desktop\",\"pages\":[\"it/desktop-quickstart\",\"it/desktop\"]},\"it/chrome\",\"it/vs-code\",\"it/jetbrains\",\"it/github-actions\",\"it/gitlab-ci-cd\",\"it/slack\"]}]},{\"tab\":\"Sviluppate con Claude Code\",\"groups\":[{\"group\":\"Sviluppate con Claude Code\",\"pages\":[\"it/sub-agents\",\"it/agent-teams\",\"it/plugins\",\"it/discover-plugins\",\"it/skills\",\"it/output-styles\",\"it/hooks-guide\",\"it/headless\",\"it/mcp\",\"it/troubleshooting\"]}]},{\"tab\":\"Distribuzione\",\"groups\":[{\"group\":\"Distribuzione\",\"pages\":[\"it/third-party-integrations\",\"it/amazon-bedrock\",\"it/google-vertex-ai\",\"it/microsoft-foundry\",\"it/network-config\",\"it/llm-gateway\",\"it/devcontainer\"]}]},{\"tab\":\"Amministrazione\",\"groups\":[{\"group\":\"Amministrazione\",\"pages\":[\"it/setup\",\"it/authentication\",\"it/security\",\"it/server-managed-settings\",\"it/data-usage\",\"it/monitoring-usage\",\"it/costs\",\"it/analytics\",\"it/plugin-marketplaces\"]}]},{\"tab\":\"Configurazione\",\"groups\":[{\"group\":\"Configurazione\",\"pages\":[\"it/settings\",\"it/permissions\",\"it/sandboxing\",\"it/terminal-config\",\"it/model-config\",\"it/fast-mode\",\"it/memory\",\"it/statusline\",\"it/keybindings\"]}]},{\"tab\":\"Riferimento\",\"groups\":[{\"group\":\"Riferimento\",\"pages\":[\"it/cli-reference\",\"it/interactive-mode\",\"it/checkpointing\",\"it/hooks\",\"it/plugins-reference\"]}]},{\"tab\":\"Risorse\",\"groups\":[{\"group\":\"Risorse\",\"pages\":[\"it/legal-and-compliance\"]}]}]},{\"language\":\"jp\",\"tabs\":[{\"tab\":\"はじめに\",\"groups\":[{\"group\":\"はじめに\",\"pages\":[\"ja/overview\",\"ja/quickstart\",\"ja/changelog\"]},{\"group\":\"コア概念\",\"pages\":[\"ja/how-claude-code-works\",\"ja/features-overview\",\"ja/common-workflows\",\"ja/best-practices\"]},{\"group\":\"プラットフォームと統合\",\"pages\":[\"ja/claude-code-on-the-web\",{\"group\":\"Claude Code デスクトップ版\",\"pages\":[\"ja/desktop-quickstart\",\"ja/desktop\"]},\"ja/chrome\",\"ja/vs-code\",\"ja/jetbrains\",\"ja/github-actions\",\"ja/gitlab-ci-cd\",\"ja/slack\"]}]},{\"tab\":\"Claude Code で構築する\",\"groups\":[{\"group\":\"Claude Code で構築する\",\"pages\":[\"ja/sub-agents\",\"ja/agent-teams\",\"ja/plugins\",\"ja/discover-plugins\",\"ja/skills\",\"ja/output-styles\",\"ja/hooks-guide\",\"ja/headless\",\"ja/mcp\",\"ja/troubleshooting\"]}]},{\"tab\":\"デプロイ\",\"groups\":[{\"group\":\"デプロイ\",\"pages\":[\"ja/third-party-integrations\",\"ja/amazon-bedrock\",\"ja/google-vertex-ai\",\"ja/microsoft-foundry\",\"ja/network-config\",\"ja/llm-gateway\",\"ja/devcontainer\"]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[\"ja/setup\",\"ja/authentication\",\"ja/security\",\"ja/server-managed-settings\",\"ja/data-usage\",\"ja/monitoring-usage\",\"ja/costs\",\"ja/analytics\",\"ja/plugin-marketplaces\"]}]},{\"tab\":\"設定\",\"groups\":[{\"group\":\"設定\",\"pages\":[\"ja/settings\",\"ja/permissions\",\"ja/sandboxing\",\"ja/terminal-config\",\"ja/model-config\",\"ja/fast-mode\",\"ja/memory\",\"ja/statusline\",\"ja/keybindings\"]}]},{\"tab\":\"リファレンス\",\"groups\":[{\"group\":\"リファレンス\",\"pages\":[\"ja/cli-reference\",\"ja/interactive-mode\",\"ja/checkpointing\",\"ja/hooks\",\"ja/plugins-reference\"]}]},{\"tab\":\"リソース\",\"groups\":[{\"group\":\"リソース\",\"pages\":[\"ja/legal-and-compliance\"]}]}]},{\"language\":\"es\",\"tabs\":[{\"tab\":\"Primeros pasos\",\"groups\":[{\"group\":\"Primeros pasos\",\"pages\":[\"es/overview\",\"es/quickstart\",\"es/changelog\"]},{\"group\":\"Conceptos fundamentales\",\"pages\":[\"es/how-claude-code-works\",\"es/features-overview\",\"es/common-workflows\",\"es/best-practices\"]},{\"group\":\"Plataformas e integraciones\",\"pages\":[\"es/claude-code-on-the-web\",{\"group\":\"Claude Code en escritorio\",\"pages\":[\"es/desktop-quickstart\",\"es/desktop\"]},\"es/chrome\",\"es/vs-code\",\"es/jetbrains\",\"es/github-actions\",\"es/gitlab-ci-cd\",\"es/slack\"]}]},{\"tab\":\"Crear con Claude Code\",\"groups\":[{\"group\":\"Crear con Claude Code\",\"pages\":[\"es/sub-agents\",\"es/agent-teams\",\"es/plugins\",\"es/discover-plugins\",\"es/skills\",\"es/output-styles\",\"es/hooks-guide\",\"es/headless\",\"es/mcp\",\"es/troubleshooting\"]}]},{\"tab\":\"Implementación\",\"groups\":[{\"group\":\"Implementación\",\"pages\":[\"es/third-party-integrations\",\"es/amazon-bedrock\",\"es/google-vertex-ai\",\"es/microsoft-foundry\",\"es/network-config\",\"es/llm-gateway\",\"es/devcontainer\"]}]},{\"tab\":\"Administración\",\"groups\":[{\"group\":\"Administración\",\"pages\":[\"es/setup\",\"es/authentication\",\"es/security\",\"es/server-managed-settings\",\"es/data-usage\",\"es/monitoring-usage\",\"es/costs\",\"es/analytics\",\"es/plugin-marketplaces\"]}]},{\"tab\":\"Configuración\",\"groups\":[{\"group\":\"Configuración\",\"pages\":[\"es/settings\",\"es/permissions\",\"es/sandboxing\",\"es/terminal-config\",\"es/model-config\",\"es/fast-mode\",\"es/memory\",\"es/statusline\",\"es/keybindings\"]}]},{\"tab\":\"Referencia\",\"groups\":[{\"group\":\"Referencia\",\"pages\":[\"es/cli-reference\",\"es/interactive-mode\",\"es/checkpointing\",\"es/hooks\",\"es/plugins-reference\"]}]},{\"tab\":\"Recursos\",\"groups\":[{\"group\":\"Recursos\",\"pages\":[\"es/legal-and-compliance\"]}]}]},{\"language\":\"ko\",\"tabs\":[{\"tab\":\"시작하기\",\"groups\":[{\"group\":\"시작하기\",\"pages\":[\"ko/overview\",\"ko/quickstart\",\"ko/changelog\"]},{\"group\":\"핵심 개념\",\"pages\":[\"ko/how-claude-code-works\",\"ko/features-overview\",\"ko/common-workflows\",\"ko/best-practices\"]},{\"group\":\"플랫폼 및 통합\",\"pages\":[\"ko/claude-code-on-the-web\",{\"group\":\"Claude Code 데스크톱\",\"pages\":[\"ko/desktop-quickstart\",\"ko/desktop\"]},\"ko/chrome\",\"ko/vs-code\",\"ko/jetbrains\",\"ko/github-actions\",\"ko/gitlab-ci-cd\",\"ko/slack\"]}]},{\"tab\":\"Claude Code로 빌드하기\",\"groups\":[{\"group\":\"Claude Code로 빌드하기\",\"pages\":[\"ko/sub-agents\",\"ko/agent-teams\",\"ko/plugins\",\"ko/discover-plugins\",\"ko/skills\",\"ko/output-styles\",\"ko/hooks-guide\",\"ko/headless\",\"ko/mcp\",\"ko/troubleshooting\"]}]},{\"tab\":\"배포\",\"groups\":[{\"group\":\"배포\",\"pages\":[\"ko/third-party-integrations\",\"ko/amazon-bedrock\",\"ko/google-vertex-ai\",\"ko/microsoft-foundry\",\"ko/network-config\",\"ko/llm-gateway\",\"ko/devcontainer\"]}]},{\"tab\":\"관리\",\"groups\":[{\"group\":\"관리\",\"pages\":[\"ko/setup\",\"ko/authentication\",\"ko/security\",\"ko/server-managed-settings\",\"ko/data-usage\",\"ko/monitoring-usage\",\"ko/costs\",\"ko/analytics\",\"ko/plugin-marketplaces\"]}]},{\"tab\":\"구성\",\"groups\":[{\"group\":\"구성\",\"pages\":[\"ko/settings\",\"ko/permissions\",\"ko/sandboxing\",\"ko/terminal-config\",\"ko/model-config\",\"ko/fast-mode\",\"ko/memory\",\"ko/statusline\",\"ko/keybindings\"]}]},{\"tab\":\"참고\",\"groups\":[{\"group\":\"참고\",\"pages\":[\"ko/cli-reference\",\"ko/interactive-mode\",\"ko/checkpointing\",\"ko/hooks\",\"ko/plugins-reference\"]}]},{\"tab\":\"리소스\",\"groups\":[{\"group\":\"리소스\",\"pages\":[\"ko/legal-and-compliance\"]}]}]},{\"language\":\"cn\",\"tabs\":[{\"tab\":\"快速开始\",\"groups\":[{\"group\":\"快速开始\",\"pages\":[\"zh-CN/overview\",\"zh-CN/quickstart\",\"zh-CN/changelog\"]},{\"group\":\"核心概念\",\"pages\":[\"zh-CN/how-claude-code-works\",\"zh-CN/features-overview\",\"zh-CN/common-workflows\",\"zh-CN/best-practices\"]},{\"group\":\"平台和集成\",\"pages\":[\"zh-CN/claude-code-on-the-web\",{\"group\":\"Claude Code 桌面版\",\"pages\":[\"zh-CN/desktop-quickstart\",\"zh-CN/desktop\"]},\"zh-CN/chrome\",\"zh-CN/vs-code\",\"zh-CN/jetbrains\",\"zh-CN/github-actions\",\"zh-CN/gitlab-ci-cd\",\"zh-CN/slack\"]}]},{\"tab\":\"使用 Claude Code 构建\",\"groups\":[{\"group\":\"使用 Claude Code 构建\",\"pages\":[\"zh-CN/sub-agents\",\"zh-CN/agent-teams\",\"zh-CN/plugins\",\"zh-CN/discover-plugins\",\"zh-CN/skills\",\"zh-CN/output-styles\",\"zh-CN/hooks-guide\",\"zh-CN/headless\",\"zh-CN/mcp\",\"zh-CN/troubleshooting\"]}]},{\"tab\":\"部署\",\"groups\":[{\"group\":\"部署\",\"pages\":[\"zh-CN/third-party-integrations\",\"zh-CN/amazon-bedrock\",\"zh-CN/google-vertex-ai\",\"zh-CN/microsoft-foundry\",\"zh-CN/network-config\",\"zh-CN/llm-gateway\",\"zh-CN/devcontainer\"]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[\"zh-CN/setup\",\"zh-CN/authentication\",\"zh-CN/security\",\"zh-CN/server-managed-settings\",\"zh-CN/data-usage\",\"zh-CN/monitoring-usage\",\"zh-CN/costs\",\"zh-CN/analytics\",\"zh-CN/plugin-marketplaces\"]}]},{\"tab\":\"配置\",\"groups\":[{\"group\":\"配置\",\"pages\":[\"zh-CN/settings\",\"zh-CN/permissions\",\"zh-CN/sandboxing\",\"zh-CN/terminal-config\",\"zh-CN/model-config\",\"zh-CN/fast-mode\",\"zh-CN/memory\",\"zh-CN/statusline\",\"zh-CN/keybindings\"]}]},{\"tab\":\"参考\",\"groups\":[{\"group\":\"参考\",\"pages\":[\"zh-CN/cli-reference\",\"zh-CN/interactive-mode\",\"zh-CN/checkpointing\",\"zh-CN/hooks\",\"zh-CN/plugins-reference\"]}]},{\"tab\":\"资源\",\"groups\":[{\"group\":\"资源\",\"pages\":[\"zh-CN/legal-and-compliance\"]}]}]},{\"language\":\"zh-Hant\",\"tabs\":[{\"tab\":\"開始使用\",\"groups\":[{\"group\":\"開始使用\",\"pages\":[\"zh-TW/overview\",\"zh-TW/quickstart\",\"zh-TW/changelog\"]},{\"group\":\"核心概念\",\"pages\":[\"zh-TW/how-claude-code-works\",\"zh-TW/features-overview\",\"zh-TW/common-workflows\",\"zh-TW/best-practices\"]},{\"group\":\"平台和整合\",\"pages\":[\"zh-TW/claude-code-on-the-web\",{\"group\":\"Claude Code 桌面版\",\"pages\":[\"zh-TW/desktop-quickstart\",\"zh-TW/desktop\"]},\"zh-TW/chrome\",\"zh-TW/vs-code\",\"zh-TW/jetbrains\",\"zh-TW/github-actions\",\"zh-TW/gitlab-ci-cd\",\"zh-TW/slack\"]}]},{\"tab\":\"使用 Claude Code 建構\",\"groups\":[{\"group\":\"使用 Claude Code 建構\",\"pages\":[\"zh-TW/sub-agents\",\"zh-TW/agent-teams\",\"zh-TW/plugins\",\"zh-TW/discover-plugins\",\"zh-TW/skills\",\"zh-TW/output-styles\",\"zh-TW/hooks-guide\",\"zh-TW/headless\",\"zh-TW/mcp\",\"zh-TW/troubleshooting\"]}]},{\"tab\":\"部署\",\"groups\":[{\"group\":\"部署\",\"pages\":[\"zh-TW/third-party-integrations\",\"zh-TW/amazon-bedrock\",\"zh-TW/google-vertex-ai\",\"zh-TW/microsoft-foundry\",\"zh-TW/network-config\",\"zh-TW/llm-gateway\",\"zh-TW/devcontainer\"]}]},{\"tab\":\"管理\",\"groups\":[{\"group\":\"管理\",\"pages\":[\"zh-TW/setup\",\"zh-TW/authentication\",\"zh-TW/security\",\"zh-TW/server-managed-settings\",\"zh-TW/data-usage\",\"zh-TW/monitoring-usage\",\"zh-TW/costs\",\"zh-TW/analytics\",\"zh-TW/plugin-marketplaces\"]}]},{\"tab\":\"設定\",\"groups\":[{\"group\":\"設定\",\"pages\":[\"zh-TW/settings\",\"zh-TW/permissions\",\"zh-TW/sandboxing\",\"zh-TW/terminal-config\",\"zh-TW/model-config\",\"zh-TW/fast-mode\",\"zh-TW/memory\",\"zh-TW/statusline\",\"zh-TW/keybindings\"]}]},{\"tab\":\"參考資料\",\"groups\":[{\"group\":\"參考資料\",\"pages\":[\"zh-TW/cli-reference\",\"zh-TW/interactive-mode\",\"zh-TW/checkpointing\",\"zh-TW/hooks\",\"zh-TW/plugins-reference\"]}]},{\"tab\":\"資源\",\"groups\":[{\"group\":\"資源\",\"pages\":[\"zh-TW/legal-and-compliance\"]}]}]},{\"language\":\"ru\",\"tabs\":[{\"tab\":\"Начало работы\",\"groups\":[{\"group\":\"Начало работы\",\"pages\":[\"ru/overview\",\"ru/quickstart\",\"ru/changelog\"]},{\"group\":\"Основные концепции\",\"pages\":[\"ru/how-claude-code-works\",\"ru/features-overview\",\"ru/common-workflows\",\"ru/best-practices\"]},{\"group\":\"Платформы и интеграции\",\"pages\":[\"ru/claude-code-on-the-web\",{\"group\":\"Claude Code на рабочем столе\",\"pages\":[\"ru/desktop-quickstart\",\"ru/desktop\"]},\"ru/chrome\",\"ru/vs-code\",\"ru/jetbrains\",\"ru/github-actions\",\"ru/gitlab-ci-cd\",\"ru/slack\"]}]},{\"tab\":\"Разработка с Claude Code\",\"groups\":[{\"group\":\"Разработка с Claude Code\",\"pages\":[\"ru/sub-agents\",\"ru/agent-teams\",\"ru/plugins\",\"ru/discover-plugins\",\"ru/skills\",\"ru/output-styles\",\"ru/hooks-guide\",\"ru/headless\",\"ru/mcp\",\"ru/troubleshooting\"]}]},{\"tab\":\"Развертывание\",\"groups\":[{\"group\":\"Развертывание\",\"pages\":[\"ru/third-party-integrations\",\"ru/amazon-bedrock\",\"ru/google-vertex-ai\",\"ru/microsoft-foundry\",\"ru/network-config\",\"ru/llm-gateway\",\"ru/devcontainer\"]}]},{\"tab\":\"Администрирование\",\"groups\":[{\"group\":\"Администрирование\",\"pages\":[\"ru/setup\",\"ru/authentication\",\"ru/security\",\"ru/server-managed-settings\",\"ru/data-usage\",\"ru/monitoring-usage\",\"ru/costs\",\"ru/analytics\",\"ru/plugin-marketplaces\"]}]},{\"tab\":\"Конфигурация\",\"groups\":[{\"group\":\"Конфигурация\",\"pages\":[\"ru/settings\",\"ru/permissions\",\"ru/sandboxing\",\"ru/terminal-config\",\"ru/model-config\",\"ru/fast-mode\",\"ru/memory\",\"ru/statusline\",\"ru/keybindings\"]}]},{\"tab\":\"Справочник\",\"groups\":[{\"group\":\"Справочник\",\"pages\":[\"ru/cli-reference\",\"ru/interactive-mode\",\"ru/checkpointing\",\"ru/hooks\",\"ru/plugins-reference\"]}]},{\"tab\":\"Ресурсы\",\"groups\":[{\"group\":\"Ресурсы\",\"pages\":[\"ru/legal-and-compliance\"]}]}]},{\"language\":\"id\",\"tabs\":[{\"tab\":\"Memulai\",\"groups\":[{\"group\":\"Memulai\",\"pages\":[\"id/overview\",\"id/quickstart\",\"id/changelog\"]},{\"group\":\"Konsep Inti\",\"pages\":[\"id/how-claude-code-works\",\"id/features-overview\",\"id/common-workflows\",\"id/best-practices\"]},{\"group\":\"Platform dan integrasi\",\"pages\":[\"id/claude-code-on-the-web\",{\"group\":\"Claude Code di desktop\",\"pages\":[\"id/desktop-quickstart\",\"id/desktop\"]},\"id/chrome\",\"id/vs-code\",\"id/jetbrains\",\"id/github-actions\",\"id/gitlab-ci-cd\",\"id/slack\"]}]},{\"tab\":\"Bangun dengan Claude Code\",\"groups\":[{\"group\":\"Bangun dengan Claude Code\",\"pages\":[\"id/sub-agents\",\"id/agent-teams\",\"id/plugins\",\"id/discover-plugins\",\"id/skills\",\"id/output-styles\",\"id/hooks-guide\",\"id/headless\",\"id/mcp\",\"id/troubleshooting\"]}]},{\"tab\":\"Penerapan\",\"groups\":[{\"group\":\"Penerapan\",\"pages\":[\"id/third-party-integrations\",\"id/amazon-bedrock\",\"id/google-vertex-ai\",\"id/microsoft-foundry\",\"id/network-config\",\"id/llm-gateway\",\"id/devcontainer\"]}]},{\"tab\":\"Administrasi\",\"groups\":[{\"group\":\"Administrasi\",\"pages\":[\"id/setup\",\"id/authentication\",\"id/security\",\"id/server-managed-settings\",\"id/data-usage\",\"id/monitoring-usage\",\"id/costs\",\"id/analytics\",\"id/plugin-marketplaces\"]}]},{\"tab\":\"Konfigurasi\",\"groups\":[{\"group\":\"Konfigurasi\",\"pages\":[\"id/settings\",\"id/permissions\",\"id/sandboxing\",\"id/terminal-config\",\"id/model-config\",\"id/fast-mode\",\"id/memory\",\"id/statusline\",\"id/keybindings\"]}]},{\"tab\":\"Referensi\",\"groups\":[{\"group\":\"Referensi\",\"pages\":[\"id/cli-reference\",\"id/interactive-mode\",\"id/checkpointing\",\"id/hooks\",\"id/plugins-reference\"]}]},{\"tab\":\"Sumber Daya\",\"groups\":[{\"group\":\"Sumber Daya\",\"pages\":[\"id/legal-and-compliance\"]}]}]},{\"language\":\"pt-BR\",\"tabs\":[{\"tab\":\"Primeiros passos\",\"groups\":[{\"group\":\"Primeiros passos\",\"pages\":[\"pt/overview\",\"pt/quickstart\",\"pt/changelog\"]},{\"group\":\"Conceitos principais\",\"pages\":[\"pt/how-claude-code-works\",\"pt/features-overview\",\"pt/common-workflows\",\"pt/best-practices\"]},{\"group\":\"Plataformas e integrações\",\"pages\":[\"pt/claude-code-on-the-web\",{\"group\":\"Claude Code no desktop\",\"pages\":[\"pt/desktop-quickstart\",\"pt/desktop\"]},\"pt/chrome\",\"pt/vs-code\",\"pt/jetbrains\",\"pt/github-actions\",\"pt/gitlab-ci-cd\",\"pt/slack\"]}]},{\"tab\":\"Construir com Claude Code\",\"groups\":[{\"group\":\"Construir com Claude Code\",\"pages\":[\"pt/sub-agents\",\"pt/agent-teams\",\"pt/plugins\",\"pt/discover-plugins\",\"pt/skills\",\"pt/output-styles\",\"pt/hooks-guide\",\"pt/headless\",\"pt/mcp\",\"pt/troubleshooting\"]}]},{\"tab\":\"Implantação\",\"groups\":[{\"group\":\"Implantação\",\"pages\":[\"pt/third-party-integrations\",\"pt/amazon-bedrock\",\"pt/google-vertex-ai\",\"pt/microsoft-foundry\",\"pt/network-config\",\"pt/llm-gateway\",\"pt/devcontainer\"]}]},{\"tab\":\"Administração\",\"groups\":[{\"group\":\"Administração\",\"pages\":[\"pt/setup\",\"pt/authentication\",\"pt/security\",\"pt/server-managed-settings\",\"pt/data-usage\",\"pt/monitoring-usage\",\"pt/costs\",\"pt/analytics\",\"pt/plugin-marketplaces\"]}]},{\"tab\":\"Configuração\",\"groups\":[{\"group\":\"Configuração\",\"pages\":[\"pt/settings\",\"pt/permissions\",\"pt/sandboxing\",\"pt/terminal-config\",\"pt/model-config\",\"pt/fast-mode\",\"pt/memory\",\"pt/statusline\",\"pt/keybindings\"]}]},{\"tab\":\"Referência\",\"groups\":[{\"group\":\"Referência\",\"pages\":[\"pt/cli-reference\",\"pt/interactive-mode\",\"pt/checkpointing\",\"pt/hooks\",\"pt/plugins-reference\"]}]},{\"tab\":\"Recursos\",\"groups\":[{\"group\":\"Recursos\",\"pages\":[\"pt/legal-and-compliance\"]}]}]}]},\"footer\":{\"socials\":{\"x\":\"https://x.com/AnthropicAI\",\"linkedin\":\"https://www.linkedin.com/company/anthropicresearch\"},\"links\":[{\"header\":\"Company\",\"items\":[{\"label\":\"Anthropic\",\"href\":\"https://www.anthropic.com/company\"},{\"label\":\"Careers\",\"href\":\"https://www.anthropic.com/careers\"},{\"label\":\"Economic Futures\",\"href\":\"https://www.anthropic.com/economic-futures\"},{\"label\":\"Research\",\"href\":\"https://www.anthropic.com/research\"},{\"label\":\"News\",\"href\":\"https://www.anthropic.com/news\"},{\"label\":\"Trust center\",\"href\":\"https://trust.anthropic.com/\"},{\"label\":\"Transparency\",\"href\":\"https://www.anthropic.com/transparency\"}]},{\"header\":\"Help and security\",\"items\":[{\"label\":\"Availability\",\"href\":\"https://www.anthropic.com/supported-countries\"},{\"label\":\"Status\",\"href\":\"https://status.anthropic.com/\"},{\"label\":\"Support center\",\"href\":\"https://support.claude.com/\"}]},{\"header\":\"Learn\",\"items\":[{\"label\":\"Courses\",\"href\":\"https://www.anthropic.com/learn\"},{\"label\":\"MCP connectors\",\"href\":\"https://claude.com/partners/mcp\"},{\"label\":\"Customer stories\",\"href\":\"https://www.claude.com/customers\"},{\"label\":\"Engineering blog\",\"href\":\"https://www.anthropic.com/engineering\"},{\"label\":\"Events\",\"href\":\"https://www.anthropic.com/events\"},{\"label\":\"Powered by Claude\",\"href\":\"https://claude.com/partners/powered-by-claude\"},{\"label\":\"Service partners\",\"href\":\"https://claude.com/partners/services\"},{\"label\":\"Startups program\",\"href\":\"https://claude.com/programs/startups\"}]},{\"header\":\"Terms and policies\",\"items\":[{\"label\":\"Privacy policy\",\"href\":\"https://www.anthropic.com/legal/privacy\"},{\"label\":\"Disclosure policy\",\"href\":\"https://www.anthropic.com/responsible-disclosure-policy\"},{\"label\":\"Usage policy\",\"href\":\"https://www.anthropic.com/legal/aup\"},{\"label\":\"Commercial terms\",\"href\":\"https://www.anthropic.com/legal/commercial-terms\"},{\"label\":\"Consumer terms\",\"href\":\"https://www.anthropic.com/legal/consumer-terms\"}]}]},\"seo\":{\"metatags\":{\"canonical\":\"https://code.claude.com/docs\"}},\"fonts\":{\"family\":\"Anthropic Sans\"},\"redirects\":[{\"source\":\"/en/iam\",\"destination\":\"/en/authentication\",\"permanent\":true},{\"source\":\"/en/cli-usage\",\"destination\":\"/en/cli-reference\",\"permanent\":true},{\"source\":\"/en/ide-integrations\",\"destination\":\"/en/vs-code\",\"permanent\":true},{\"source\":\"/en/tutorials\",\"destination\":\"/en/common-workflows\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/tutorials\",\"destination\":\"/en/common-workflows\",\"permanent\":true},{\"source\":\"/en/team\",\"destination\":\"/en/authentication\",\"permanent\":true},{\"source\":\"/en/corporate-proxy\",\"destination\":\"/en/network-config\",\"permanent\":true},{\"source\":\"/en/sdk/sdk-headless\",\"destination\":\"/en/headless\",\"permanent\":true},{\"source\":\"/s/claude-code-github-actions\",\"destination\":\"/en/github-actions\",\"permanent\":false},{\"source\":\"/s/claude-code-ide-integrations\",\"destination\":\"/en/ide-integrations\",\"permanent\":false},{\"source\":\"/s/claude-code-worktrees\",\"destination\":\"/en/common-workflows#run-parallel-claude-code-sessions-with-git-worktrees\",\"permanent\":false},{\"source\":\"/s/claude-code-troubleshooting\",\"destination\":\"/en/troubleshooting\",\"permanent\":false},{\"source\":\"/s/claude-code-auto-updater\",\"destination\":\"/en/settings#auto-updater-permission-options\",\"permanent\":false},{\"source\":\"/s/claude-code-mcp\",\"destination\":\"/en/mcp\",\"permanent\":false},{\"source\":\"/s/claude-code-cost\",\"destination\":\"/en/costs\",\"permanent\":false},{\"source\":\"/s/claude-code\",\"destination\":\"/en/overview\",\"permanent\":false},{\"source\":\"/s/claude-code-security\",\"destination\":\"/en/security\",\"permanent\":false},{\"source\":\"/en/agents-and-tools/claude-code/overview\",\"destination\":\"/en/overview\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/common-workflows\",\"destination\":\"/en/common-workflows\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/troubleshooting\",\"destination\":\"/en/troubleshooting\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/overview#notification-setup\",\"destination\":\"/en/setup#notification-setup\",\"permanent\":true},{\"source\":\"/en/agents-and-tools/claude-code/bedrock-vertex\",\"destination\":\"/en/third-party-integrations\",\"permanent\":true},{\"source\":\"/en/bedrock-vertex\",\"destination\":\"/en/third-party-integrations\",\"permanent\":true},{\"source\":\"/s/claude-code-enterprise-setup\",\"destination\":\"/en/third-party-integrations\",\"permanent\":false},{\"source\":\"/en/bedrock-vertex-proxies\",\"destination\":\"/en/third-party-integrations\",\"permanent\":true},{\"source\":\"/en/getting-started\",\"destination\":\"/en/setup\",\"permanent\":true},{\"source\":\"/en/subagents\",\"destination\":\"/en/sub-agents\",\"permanent\":true},{\"source\":\"/en/azure-ai-foundry\",\"destination\":\"/en/microsoft-foundry\",\"permanent\":true},{\"source\":\"/en/sdk/migration-guide\",\"destination\":\"https://platform.claude.com/docs/en/agent-sdk/migration-guide\",\"permanent\":true},{\"source\":\"/en/slash-commands\",\"destination\":\"/en/skills\",\"permanent\":true}],\"contextual\":{\"options\":[\"copy\",\"view\",\"claude\"],\"display\":\"header\"},\"styling\":{\"latex\":true}}}]\n"])</script><script>self.__next_f.push([1,"4f:I[14162,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"CustomJsFiles\"]\n"])</script><script>self.__next_f.push([1,"51:I[70715,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"MDXContentController\",1]\n"])</script><script>self.__next_f.push([1,"52:I[59646,[\"73473\",\"static/chunks/891cff7f-dcf0b8e94fd9e2cd.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"53016\",\"static/chunks/cfdfcc00-442051842d4b5e4f.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"41725\",\"static/chunks/d30757c7-2d2105da33b688d0.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"82431\",\"static/chunks/82431-a3e0a126611457bf.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"43881\",\"static/chunks/43881-94fe271e2411d59c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"98816\",\"static/chunks/98816-4875194b6205382d.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"75321\",\"static/chunks/75321-9a53f4a8287601d5.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"19664\",\"static/chunks/19664-8ce43df6b74bea12.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"21246\",\"static/chunks/21246-a76922653256bc59.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"97374\",\"static/chunks/97374-23f7e8c7a0fa9337.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"62767\",\"static/chunks/62767-f0696f5a09c123d8.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"79845\",\"static/chunks/79845-ccce8b074e6c9614.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"42414\",\"static/chunks/42414-13d678ee680c7f0b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"68789\",\"static/chunks/68789-e7d81f669637c445.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"46167\",\"static/chunks/46167-36f94d37b0176839.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"73205\",\"static/chunks/73205-ec8d939f6745ec53.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"14224\",\"static/chunks/14224-82309283261eaabe.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"61706\",\"static/chunks/61706-4552da04be75823b.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"86707\",\"static/chunks/86707-1ce573fe5e634ab1.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"25263\",\"static/chunks/25263-7b03b36017a0f64c.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"69299\",\"static/chunks/69299-a49bc927bd2c77a2.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\",\"89841\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/%5B%5B...slug%5D%5D/page-9a53561eecef5182.js?dpl=dpl_HD4Ahwo7pyk7Q6cv6udnH1hd6X61\"],\"default\",1]\n"])</script><script>self.__next_f.push([1,"4e:T4521,"])</script><script>self.__next_f.push([1,"/* Anthropic Sans - Static fonts from assets.claude.ai */\n@font-face {\n font-family: \"Anthropic Sans\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSans-Text-Regular-Static.otf\") format(\"opentype\");\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Sans\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSans-Text-RegularItalic-Static.otf\") format(\"opentype\");\n font-weight: 400;\n font-style: italic;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Sans\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSans-Text-Medium-Static.otf\") format(\"opentype\");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Sans\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSans-Text-MediumItalic-Static.otf\") format(\"opentype\");\n font-weight: 500;\n font-style: italic;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Sans\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSans-Text-Semibold-Static.otf\") format(\"opentype\");\n font-weight: 600;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Sans\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSans-Text-SemiboldItalic-Static.otf\") format(\"opentype\");\n font-weight: 600;\n font-style: italic;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Sans\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSans-Text-Bold-Static.otf\") format(\"opentype\");\n font-weight: 700;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Sans\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSans-Text-BoldItalic-Static.otf\") format(\"opentype\");\n font-weight: 700;\n font-style: italic;\n font-display: swap;\n}\n\n/* Anthropic Serif Display - for headlines */\n@font-face {\n font-family: \"Anthropic Serif Display\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Display-Regular-Static.otf\") format(\"opentype\");\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif Display\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Display-RegularItalic-Static.otf\") format(\"opentype\");\n font-weight: 400;\n font-style: italic;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif Display\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Display-Medium-Static.otf\") format(\"opentype\");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif Display\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Display-Semibold-Static.otf\") format(\"opentype\");\n font-weight: 600;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif Display\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Display-Bold-Static.otf\") format(\"opentype\");\n font-weight: 700;\n font-style: normal;\n font-display: swap;\n}\n\n/* Anthropic Serif - Static fonts from assets.claude.ai */\n@font-face {\n font-family: \"Anthropic Serif\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Text-Regular-Static.otf\") format(\"opentype\");\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Text-RegularItalic-Static.otf\") format(\"opentype\");\n font-weight: 400;\n font-style: italic;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Text-Medium-Static.otf\") format(\"opentype\");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Text-MediumItalic-Static.otf\") format(\"opentype\");\n font-weight: 500;\n font-style: italic;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Text-Semibold-Static.otf\") format(\"opentype\");\n font-weight: 600;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Text-SemiboldItalic-Static.otf\") format(\"opentype\");\n font-weight: 600;\n font-style: italic;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Text-Bold-Static.otf\") format(\"opentype\");\n font-weight: 700;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Anthropic Serif\";\n src: url(\"https://assets.claude.ai/Fonts/AnthropicSerif-Text-BoldItalic-Static.otf\") format(\"opentype\");\n font-weight: 700;\n font-style: italic;\n font-display: swap;\n}\n\n/* Color variables copied from https://github.com/anthropics/apps/blob/main/packages/ui/themes/generated/theme-colors.css */\n:root {\n --always-white: 0 0% 100%;\n --always-black: 0 0% 0%;\n --constant-book-cloth: 15 55% 80%;\n --constant-clay: 15 60% 85%;\n --constant-kraft: 25 40% 83%;\n --constant-manilla: 40 20% 92%;\n --constant-slate-000: 0 0% 100%;\n --constant-slate-050: 48 33.3% 97.1%;\n --constant-slate-100: 53 28.6% 94.5%;\n --constant-slate-150: 48 25% 92.2%;\n --constant-slate-200: 50 20.7% 88.6%;\n --constant-slate-250: 51 16.5% 84.5%;\n --constant-slate-300: 50 11.5% 79.6%;\n --constant-slate-350: 50 9% 73.7%;\n --constant-slate-400: 49 6.5% 66.9%;\n --constant-slate-450: 48 4.8% 59.2%;\n --constant-slate-500: 53 3.2% 51.4%;\n --constant-slate-550: 51 3.1% 43.7%;\n --constant-slate-600: 48 2.7% 35.9%;\n --constant-slate-650: 48 3.4% 29.2%;\n --constant-slate-700: 60 2.5% 23.3%;\n --constant-slate-750: 60 2.1% 18.4%;\n --constant-slate-800: 60 2.7% 14.5%;\n --constant-slate-850: 30 3.3% 11.8%;\n --constant-slate-900: 30 4% 9.8%;\n --constant-slate-950: 60 2.6% 7.6%;\n --constant-slate-1000: 60 3.4% 5.7%;\n}\n\n:root:not(.dark) {\n --accent-brand: 15 63.1% 59.6%;\n --accent-main-000: 15 55.6% 52.4%;\n --accent-main-100: 15 55.6% 52.4%;\n --accent-main-200: 15 63.1% 59.6%;\n --accent-main-900: 0 0% 0%;\n --accent-pro-000: 251 34.2% 33.3%;\n --accent-pro-100: 251 40% 45.1%;\n --accent-pro-200: 251 61% 72.2%;\n --accent-pro-900: 253 33.3% 91.8%;\n --accent-secondary-000: 210 73.7% 40.2%;\n --accent-secondary-100: 210 70.9% 51.6%;\n --accent-secondary-200: 210 70.9% 51.6%;\n --accent-secondary-900: 211 72% 90%;\n --bg-000: 0 0% 100%;\n --bg-100: 48 33.3% 97.1%;\n --bg-200: 53 28.6% 94.5%;\n --bg-300: 48 25% 92.2%;\n --bg-400: 50 20.7% 88.6%;\n --bg-500: 50 20.7% 88.6%;\n --border-100: 30 3.3% 11.8%;\n --border-200: 30 3.3% 11.8%;\n --border-300: 30 3.3% 11.8%;\n --border-400: 30 3.3% 11.8%;\n --danger-000: 0 61.4% 22.4%;\n --danger-100: 0 58.6% 34.1%;\n --danger-200: 0 58.6% 34.1%;\n --danger-900: 0 50% 95%;\n --oncolor-100: 0 0% 100%;\n --oncolor-200: 60 6.7% 97.1%;\n --oncolor-300: 60 6.7% 97.1%;\n --text-000: 60 2.6% 7.6%;\n --text-100: 60 2.6% 7.6%;\n --text-200: 60 2.5% 23.3%;\n --text-300: 60 2.5% 23.3%;\n --text-400: 51 3.1% 43.7%;\n --text-500: 51 3.1% 43.7%;\n}\n\n:root.dark {\n --accent-brand: 15 63.1% 59.6%;\n --accent-main-000: 15 55.6% 52.4%;\n --accent-main-100: 15 63.1% 59.6%;\n --accent-main-200: 15 63.1% 59.6%;\n --accent-main-900: 0 0% 0%;\n --accent-pro-000: 251 84.6% 74.5%;\n --accent-pro-100: 251 40.2% 54.1%;\n --accent-pro-200: 251 40% 45.1%;\n --accent-pro-900: 250 25.3% 19.4%;\n --accent-secondary-000: 210 71.1% 62%;\n --accent-secondary-100: 210 70.9% 51.6%;\n --accent-secondary-200: 210 70.9% 51.6%;\n --accent-secondary-900: 210 55.9% 24.6%;\n --bg-000: 60 2.1% 18.4%;\n --bg-100: 60 2.7% 14.5%;\n --bg-200: 30 3.3% 11.8%;\n --bg-300: 60 2.6% 7.6%;\n --bg-400: 60 3.4% 5.7%;\n --bg-500: 60 3.4% 5.7%;\n --border-100: 51 16.5% 84.5%;\n --border-200: 51 16.5% 84.5%;\n --border-300: 51 16.5% 84.5%;\n --border-400: 51 16.5% 84.5%;\n --danger-000: 0 73.1% 66.5%;\n --danger-100: 0 58.6% 34.1%;\n --danger-200: 0 58.6% 34.1%;\n --danger-900: 0 23% 15.6%;\n --oncolor-100: 0 0% 100%;\n --oncolor-200: 60 6.7% 97.1%;\n --oncolor-300: 60 6.7% 97.1%;\n --text-000: 48 33.3% 97.1%;\n --text-100: 48 33.3% 97.1%;\n --text-200: 50 9% 73.7%;\n --text-300: 50 9% 73.7%;\n --text-400: 48 4.8% 59.2%;\n --text-500: 48 4.8% 59.2%;\n}\n\n#home-header {\n font-family: \"Anthropic Sans\", system-ui, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n font-weight: 400 !important;\n font-size: 50px;\n line-height: 1.2;\n margin-bottom: 1rem;\n color: --text-000;\n display: flex;\n align-items: baseline;\n justify-content: center;\n flex-wrap: nowrap;\n}\n\n#localization-select-trigger \u003e :has(img[src*=\"flags\"]) {\n display: none;\n}\n\ndiv[id^=\"localization-select-item\"] \u003e :has(img[src*=\"flags\"]) {\n display: none;\n}\n\n/* Keep home header centered on all screen sizes */\n@media (min-width: 768px) {\n #home-header {\n justify-content: center;\n }\n}\n\n.build-with {\n font-family: \"Anthropic Sans\", system-ui, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n letter-spacing: -0.02em;\n}\n\n.claude-wordmark-wrapper {\n display: inline-flex;\n align-items: baseline;\n margin-left: 10px; /* Space between \"Build with\" and the wordmark */\n}\n\n.claude-wordmark {\n height: 40px; /* Adjust this value to match your desired size */\n width: auto;\n position: relative;\n}\n\n.dark #home-header {\n color: white;\n}\n\n.description-text {\n color: black;\n}\n\n.dark .description-text {\n color: white;\n}\n\n.dark .claude-wordmark {\n filter: invert(1);\n}\n\n:root {\n --bg-color: #f0efea;\n}\n\n.dark {\n --bg-color: #2b2b2b;\n}\n\nbody,\ninput,\n#category-select,\n.dropdown-item,\n#table-of-contents {\n font-family: \"Anthropic Sans\", system-ui, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n}\n\n.eyebrow {\n font-family: \"Anthropic Sans\", system-ui, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n text-transform: uppercase;\n letter-spacing: 0.02rem;\n}\n\n#content-container {\n font-family: \"Anthropic Sans\", system-ui, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n}\n\n#content-container h1,\n#content-container h2,\n#content-container h3,\n#content-container h4,\n#content-container h5,\n#content-container h6 {\n font-family: \"Anthropic Serif Display\", Georgia, \"Times New Roman\", Times, serif;\n font-weight: 400;\n}\n\n#content-container p {\n font-size: 1rem;\n line-height: 1.65rem;\n}\n\n.font-extrabold {\n font-weight: 600 !important;\n}\n\n.wide-table {\n width: 100%;\n overflow-x: auto;\n}\n\n.wide-table table {\n width: 175%;\n margin-bottom: 0;\n}\n\n/* Prompt Library */\n#prompt-library-container {\n margin: 4rem auto;\n max-width: 48rem;\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\n\n.prompt-library-title {\n font-size: 24px;\n text-align: center;\n font-weight: 700;\n color: #1f2937;\n}\n\n.dark .prompt-library-title {\n color: #e5e7eb;\n}\n\n.prompt-library-description {\n margin-top: 1rem;\n text-align: center;\n}\n\n.main-content {\n margin-bottom: 10rem;\n max-width: 64rem;\n margin-left: auto;\n margin-right: auto;\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\n\n.prompt-controllers {\n display: flex;\n gap: 0.5rem;\n}\n\n.prompt-search-container {\n position: relative;\n flex: 1 1 0%;\n}\n\n.prompt-search-icon-container {\n display: flex;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n align-items: center;\n padding-left: 0.75rem;\n}\n\n.prompt-search-icon {\n margin-left: 0.25rem;\n margin-right: 0.75rem;\n flex: none;\n width: 1rem;\n height: 1rem;\n background-color: #6b7280;\n mask-image: url(https://mintlify.b-cdn.net/v6.5.1/solid/magnifying-glass.svg);\n mask-repeat: no-repeat;\n mask-position: center center;\n}\n\ninput.prompt-search-bar {\n display: block;\n height: 2.5rem;\n padding-left: 2.5rem;\n border-radius: 0.75rem;\n border-width: 1px;\n background-color: #ffffff;\n width: 100%;\n color: #111827;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n}\n\n.dark input.prompt-search-bar {\n color: #ffffff;\n background-color: rgb(var(--background-dark));\n border-color: #d1d5db1a;\n}\n\ninput.prompt-search-bar:focus {\n outline-color: rgb(var(--primary));\n}\n\n.dark input.prompt-search-bar:focus {\n outline-color: rgb(var(--primary-light));\n}\n\n.dark .prompt-search-icon {\n background-color: #ffffff80;\n}\n\n#category-select {\n padding-left: 1rem;\n padding-right: 2.5rem;\n height: 2.5rem;\n display: flex;\n align-items: center;\n border-radius: 0.75rem;\n border-width: 1px;\n color: #111827;\n background-color: #ffffff;\n cursor: pointer;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n white-space: nowrap;\n}\n\n.dark #category-select {\n background-color: rgb(var(--background-dark));\n border-color: #d1d5db1a;\n color: #ffffff;\n}\n\n#category-select:hover {\n background-color: #f9fafb;\n}\n\n.dark #category-select:hover {\n background-color: #ffffff0d;\n}\n\n#category-select:focus {\n outline-color: rgb(var(--primary));\n}\n\n.dark #category-select:focus {\n outline-color: rgb(var(--primary-light));\n}\n\n#categories-dropdown {\n top: calc(100% + 4px);\n padding: 0.5rem 0.5rem;\n display: none;\n position: absolute;\n z-index: 10;\n border-radius: 0.75rem;\n border-width: 1px;\n width: 100%;\n color: #111827;\n background-color: #ffffff;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n}\n\n.dark #categories-dropdown {\n background-color: rgb(var(--background-dark));\n border-color: #d1d5db1a;\n color: #ffffff;\n}\n\n#categories-dropdown-clickout {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 0;\n}\n\n.dropdown-icon-container {\n display: flex;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n align-items: center;\n padding-right: 0.25rem;\n}\n\n.dropdown-icon {\n margin-left: 0.25rem;\n margin-right: 0.75rem;\n flex: none;\n width: 0.75rem;\n height: 0.75rem;\n background-color: #6b7280;\n mask-image: url(https://mintlify.b-cdn.net/v6.5.1/solid/caret-down.svg);\n mask-repeat: no-repeat;\n mask-position: center center;\n}\n\n.dark .dropdown-icon {\n background-color: #ffffff80;\n}\n\n#prompts-container {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n gap: 2rem;\n}\n\n.dropdown-item {\n padding: 0.25rem 0.5rem;\n border-radius: 0.375rem;\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n\n.dropdown-item:hover {\n background-color: #f9fafb;\n}\n\n.dark .dropdown-item:hover {\n background-color: #ffffff0d;\n}\n\n.check-icon {\n mask-image: url(https://mintlify.b-cdn.net/v6.5.1/solid/check.svg);\n height: 0.875rem;\n width: 1rem;\n background-color: rgb(var(--primary-light));\n mask-repeat: no-repeat;\n mask-position: center center;\n}\n\n.prompt-card {\n margin: -0.75rem;\n padding: 0.75rem;\n display: flex;\n border-radius: 1rem;\n}\n\n.prompt-card:hover {\n background-color: #03071208;\n}\n\n.dark .prompt-card:hover {\n background-color: #ffffff08;\n}\n\n.prompt-icon-container {\n display: flex;\n flex: none;\n align-items: center;\n justify-content: center;\n margin-right: 1.5rem;\n border-radius: 0.75rem;\n height: 4rem;\n width: 4rem;\n background-color: #cb785c1a;\n}\n\n.prompt-icon {\n height: 1.5rem;\n width: 1.5rem;\n background-color: rgb(var(--primary-light));\n mask-repeat: no-repeat;\n mask-position: center center;\n}\n\n.prompt-title {\n color: rgb(31 41 55);\n font-weight: 600;\n}\n\n.dark .prompt-title {\n color: rgb(229 231 235);\n}\n\n.prompt-description {\n margin-top: 0.25rem;\n}\n\n#prompts-container {\n display: grid;\n margin-top: 2.5rem;\n}\n\n@media (min-width: 640px) {\n #category-select {\n width: 16rem;\n }\n}\n\n@media (min-width: 1024px) {\n #prompts-container {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n\n/* Home page card styling */\n.home-cards-custom {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n grid-template-rows: repeat(2, auto);\n gap: 1.5rem;\n}\n\n.home-cards-custom .card {\n background: transparent;\n border: 0.5px solid hsl(var(--border-300));\n border-radius: 12px;\n padding: 0.25rem;\n}\n\n/* Responsive: change to 2 columns on tablet, single column on mobile */\n@media (max-width: 1024px) {\n .home-cards-custom {\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(3, auto);\n }\n}\n\n@media (max-width: 768px) {\n .home-cards-custom {\n grid-template-columns: 1fr;\n grid-template-rows: repeat(6, auto);\n }\n}\n\n/* Utility classes */\n.relative {\n position: relative;\n}\n\n.flex-1 {\n flex: 1 1 0%;\n}\n\n/* Mermaid diagram styling with graph paper background using Anthropic brand colors */\n.mermaid {\n position: relative;\n background-color: #FDFDFB; /* Very light version of neutral #F0F0EB */\n background-image:\n linear-gradient(rgba(235, 219, 188, .25) 1px, transparent 1px), /* Secondary color #EBDBBC with low opacity */\n linear-gradient(90deg, rgba(235, 219, 188, .25) 1px, transparent 1px),\n linear-gradient(rgba(235, 219, 188, .1) 1px, transparent 1px),\n linear-gradient(90deg, rgba(235, 219, 188, .1) 1px, transparent 1px);\n background-size:\n 20px 20px,\n 20px 20px,\n 4px 4px,\n 4px 4px;\n background-position:\n -1px -1px,\n -1px -1px,\n -1px -1px,\n -1px -1px;\n padding: 20px;\n border-radius: 8px;\n border: 1px solid rgba(235, 219, 188, .4); /* Secondary color border */\n box-shadow: 0 2px 4px rgba(64, 64, 62, 0.08); /* Subtle shadow using #40403E */\n}\n\n.dark .mermaid {\n background-color: #1a1918; /* Dark version maintaining brand tone */\n background-image:\n linear-gradient(rgba(212, 162, 127, .15) 1px, transparent 1px), /* Tertiary color #D4A27F with low opacity */\n linear-gradient(90deg, rgba(212, 162, 127, .15) 1px, transparent 1px),\n linear-gradient(rgba(212, 162, 127, .08) 1px, transparent 1px),\n linear-gradient(90deg, rgba(212, 162, 127, .08) 1px, transparent 1px);\n border: 1px solid rgba(102, 102, 99, .5); /* Using #666663 from brand */\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n}\n"])</script><script>self.__next_f.push([1,"4a:[\"$\",\"style\",\"1\",{\"data-custom-css-index\":1,\"data-custom-css-path\":\"style.css\",\"dangerouslySetInnerHTML\":{\"__html\":\"$4e\"}}]\n50:T3e78,"])</script><script>self.__next_f.push([1,"#!/usr/bin/env node\n\n/**\n * Script to migrate Claude Code documentation from the main docs repo to claude-code-docs repo\n *\n * This script:\n * 1. Copies all Claude Code MDX files from all languages\n * 2. Copies images and snippets referenced by Claude Code docs\n * 3. Copies other necessary files (favicon, styles)\n * 4. Generates a filtered docs.json with only Claude Code content\n */\n\nconst fs = require(\"fs\");\nconst path = require(\"path\");\nconst { execSync } = require(\"child_process\");\n\nconst args = process.argv.slice(2);\n\nif (args.includes(\"--help\") || args.includes(\"-h\")) {\n console.log(\"Usage: node migrate-claude-code-docs.js [options]\");\n console.log(\"\\nOptions:\");\n console.log(\" --help, -h Show this help message\");\n console.log(\" --dry-run Show what would be copied without actually copying\");\n console.log(\"\\nThis script copies Claude Code docs from ~/code/docs to this repo\");\n process.exit(0);\n}\n\nconst DRY_RUN = args.includes(\"--dry-run\");\n\n// Base directories\nconst DOCS_REPO_DIR = path.resolve(process.env.HOME, \"code/docs\");\nconst TARGET_REPO_DIR = __dirname;\n\n// Counters\nlet fileCount = 0;\nlet imageCount = 0;\n\nfunction log(message) {\n console.log(DRY_RUN ? `[DRY RUN] ${message}` : message);\n}\n\nfunction shouldIgnore(name) {\n const ignoreList = [\n \".git\",\n \".gitignore\",\n \"node_modules\",\n \"mint.json\",\n \"deploy.sh\",\n \"package.json\",\n \"package-lock.json\",\n \"CODEOWNERS\",\n \"CLAUDE.md\",\n \"ruff.toml\",\n \"tox.ini\",\n \"script.js\",\n \".DS_Store\",\n \".pytest_cache\",\n \"__pycache__\",\n ];\n\n return ignoreList.includes(name);\n}\n\n/**\n * Copy Claude Code MDX files from all language directories\n */\nfunction copyClaudeCodeDocs() {\n log(\"\\n\" + \"=\".repeat(60));\n log(\"Copying Claude Code documentation files...\");\n log(\"=\".repeat(60) + \"\\n\");\n\n // Find all language directories\n const entries = fs.readdirSync(DOCS_REPO_DIR, { withFileTypes: true });\n const languageDirs = entries.filter(\n (entry) =\u003e\n entry.isDirectory() \u0026\u0026\n !shouldIgnore(entry.name) \u0026\u0026\n ![\"images\", \"fonts\", \"logo\", \"translate\", \"snippets\", \"scripts\", \"components\", \"prompt-library\", \"style-guide\"].includes(\n entry.name,\n ),\n );\n\n for (const langDir of languageDirs) {\n const langCode = langDir.name;\n log(`Processing language: ${langCode}`);\n\n // Copy docs/claude-code directory\n const docsClaudeCodeSrc = path.join(\n DOCS_REPO_DIR,\n langCode,\n \"docs\",\n \"claude-code\",\n );\n if (fs.existsSync(docsClaudeCodeSrc)) {\n const docsClaudeCodeDest = path.join(\n TARGET_REPO_DIR,\n langCode,\n );\n\n if (!DRY_RUN) {\n fs.mkdirSync(docsClaudeCodeDest, { recursive: true });\n execSync(`cp -R \"${docsClaudeCodeSrc}\"/* \"${docsClaudeCodeDest}\"/`);\n }\n\n const files = fs.readdirSync(docsClaudeCodeSrc);\n const mdxFiles = files.filter((f) =\u003e f.endsWith(\".mdx\"));\n fileCount += mdxFiles.length;\n\n log(\n ` ✓ Copied ${mdxFiles.length} files from docs/claude-code to ${langCode}/`,\n );\n } else {\n log(` - No docs/claude-code directory found for ${langCode}`);\n }\n\n // Copy sdk directory if it exists\n const sdkSrc = path.join(\n DOCS_REPO_DIR,\n langCode,\n \"docs\",\n \"claude-code\",\n \"sdk\",\n );\n if (fs.existsSync(sdkSrc)) {\n const sdkDest = path.join(\n TARGET_REPO_DIR,\n langCode,\n \"sdk\",\n );\n\n if (!DRY_RUN) {\n fs.mkdirSync(sdkDest, { recursive: true });\n execSync(`cp -R \"${sdkSrc}\"/* \"${sdkDest}\"/`);\n }\n\n const files = fs.readdirSync(sdkSrc);\n const mdxFiles = files.filter((f) =\u003e f.endsWith(\".mdx\"));\n\n log(` ✓ Copied ${mdxFiles.length} SDK files to ${langCode}/sdk`);\n }\n }\n\n log(`\\nTotal: Copied ${fileCount} MDX files`);\n}\n\n/**\n * Scan MDX files to find all referenced images\n */\nfunction findReferencedImages() {\n const referencedImages = new Set();\n\n // Find all MDX files we just copied\n const findMdxFiles = (dir) =\u003e {\n const files = [];\n if (!fs.existsSync(dir)) return files;\n\n const entries = fs.readdirSync(dir, { withFileTypes: true });\n for (const entry of entries) {\n const fullPath = path.join(dir, entry.name);\n if (entry.isDirectory()) {\n files.push(...findMdxFiles(fullPath));\n } else if (entry.name.endsWith(\".mdx\")) {\n files.push(fullPath);\n }\n }\n return files;\n };\n\n const mdxFiles = findMdxFiles(TARGET_REPO_DIR);\n\n // Scan each MDX file for image references\n for (const mdxFile of mdxFiles) {\n try {\n const content = fs.readFileSync(mdxFile, \"utf8\");\n // Match /images/filename patterns\n const imageMatches = content.match(/\\/images\\/[^\\s)\"\\]]+/g);\n if (imageMatches) {\n imageMatches.forEach((match) =\u003e {\n // Remove leading slash and extract just the filename\n const imagePath = match.replace(/^\\/images\\//, \"\");\n referencedImages.add(imagePath);\n });\n }\n } catch (error) {\n console.error(`Error reading ${mdxFile}:`, error.message);\n }\n }\n\n return Array.from(referencedImages);\n}\n\n/**\n * Copy only images referenced by Claude Code docs\n */\nfunction copyImages() {\n log(\"\\n\" + \"=\".repeat(60));\n log(\"Copying images...\");\n log(\"=\".repeat(60) + \"\\n\");\n\n const imagesSrc = path.join(DOCS_REPO_DIR, \"images\");\n const imagesDest = path.join(TARGET_REPO_DIR, \"images\");\n\n if (!fs.existsSync(imagesSrc)) {\n log(\"No images directory found.\");\n return;\n }\n\n // Find which images are actually referenced\n const referencedImages = findReferencedImages();\n\n if (referencedImages.length === 0) {\n log(\"No images referenced in Claude Code docs.\");\n return;\n }\n\n if (!DRY_RUN) {\n fs.mkdirSync(imagesDest, { recursive: true });\n }\n\n imageCount = 0;\n for (const imagePath of referencedImages) {\n const srcPath = path.join(imagesSrc, imagePath);\n const destPath = path.join(imagesDest, imagePath);\n\n if (fs.existsSync(srcPath)) {\n if (!DRY_RUN) {\n fs.copyFileSync(srcPath, destPath);\n }\n imageCount++;\n log(` ✓ Copied ${imagePath}`);\n } else {\n log(` ⚠ Image not found: ${imagePath}`);\n }\n }\n\n log(`\\n✓ Copied ${imageCount} referenced images (out of ${referencedImages.length} found)`);\n}\n\n/**\n * Copy workflows from .github directory\n */\nfunction copyWorkflows() {\n // Workflows are not migrated - they should be managed separately in this repo\n log(\"\\n\" + \"=\".repeat(60));\n log(\"Skipping workflows (managed separately)...\");\n log(\"=\".repeat(60) + \"\\n\");\n}\n\n/**\n * Copy scripts directory\n */\nfunction copyScripts() {\n // Scripts are not migrated - they should be managed separately in this repo\n log(\"\\n\" + \"=\".repeat(60));\n log(\"Skipping scripts (managed separately)...\");\n log(\"=\".repeat(60) + \"\\n\");\n}\n\n/**\n * Generate filtered docs.json with only Claude Code content\n */\nfunction generateDocsJson() {\n log(\"\\n\" + \"=\".repeat(60));\n log(\"Generating filtered docs.json...\");\n log(\"=\".repeat(60) + \"\\n\");\n\n const docsJsonSrc = path.join(DOCS_REPO_DIR, \"docs.json\");\n const docsJsonDest = path.join(TARGET_REPO_DIR, \"docs.json\");\n\n if (!fs.existsSync(docsJsonSrc)) {\n log(\"Error: docs.json not found in source repo\");\n return;\n }\n\n const docsData = JSON.parse(fs.readFileSync(docsJsonSrc, \"utf8\"));\n\n // Filter navigation to only Claude Code content\n const filteredNavigation = {\n languages: [],\n };\n\n docsData.navigation.languages.forEach((langVersion) =\u003e {\n const languageCode = langVersion.language;\n\n // Find Claude Code tab\n const claudeCodeTab = langVersion.tabs.find((tab) =\u003e tab.tab === \"Claude Code\");\n\n if (!claudeCodeTab) {\n log(` - No Claude Code tab found for language: ${languageCode}`);\n return;\n }\n\n // Find Admin API tab and filter to only Claude Code endpoints\n let adminApiClaudeCodeGroup = null;\n const adminApiTab = langVersion.tabs.find((tab) =\u003e tab.tab === \"Admin API\");\n\n if (adminApiTab) {\n // Find the Claude Code group within Admin API\n const findClaudeCodeGroup = (groups) =\u003e {\n for (const group of groups) {\n if (group.group === \"Claude Code\") {\n return group;\n }\n if (group.pages) {\n for (const page of group.pages) {\n if (typeof page === \"object\" \u0026\u0026 page.group === \"Claude Code\") {\n return page;\n }\n }\n }\n }\n return null;\n };\n\n if (adminApiTab.groups) {\n adminApiClaudeCodeGroup = findClaudeCodeGroup(adminApiTab.groups);\n }\n }\n\n // Convert each group in Claude Code tab into its own tab\n const tabs = [];\n\n if (claudeCodeTab.groups) {\n claudeCodeTab.groups.forEach((group) =\u003e {\n tabs.push({\n tab: group.group,\n groups: [\n {\n group: group.group,\n pages: group.pages || [],\n },\n ],\n });\n });\n }\n\n // Add Admin API tab if Claude Code endpoints exist\n if (adminApiClaudeCodeGroup) {\n tabs.push({\n tab: adminApiTab.tab,\n groups: [adminApiClaudeCodeGroup],\n });\n }\n\n // Create filtered language entry\n const filteredLangVersion = {\n language: languageCode,\n tabs: tabs,\n };\n\n filteredNavigation.languages.push(filteredLangVersion);\n log(` ✓ Filtered navigation for language: ${languageCode} (${tabs.length} tabs)`);\n });\n\n // Create new docs.json with filtered content\n const filteredDocsJson = {\n ...docsData,\n name: \"Claude Code Docs\",\n navigation: filteredNavigation,\n };\n\n // Remove banner if it exists (not relevant to Claude Code docs)\n delete filteredDocsJson.banner;\n\n // Filter redirects to only include Claude Code-related redirects\n if (filteredDocsJson.redirects) {\n filteredDocsJson.redirects = filteredDocsJson.redirects.filter(\n (redirect) =\u003e redirect.source.includes(\"claude-code\")\n );\n log(` ✓ Filtered to ${filteredDocsJson.redirects.length} Claude Code redirects`);\n }\n\n // Function to recursively update paths to remove /docs/claude-code/ and /claude-code/ subdirectories\n function updatePaths(obj) {\n if (typeof obj === 'string') {\n // Replace /docs/claude-code/ with / for all language codes\n let updated = obj.replace(/(^|\\/)((en|fr|de|it|ja|es|ko|zh-CN|zh-TW|ru|id|pt))\\/docs\\/claude-code\\//g, '$1$2/');\n // Also replace /claude-code/ with / for all language codes (for paths that don't have /docs/)\n updated = updated.replace(/(^|\\/)((en|fr|de|it|ja|es|ko|zh-CN|zh-TW|ru|id|pt))\\/claude-code\\//g, '$1$2/');\n return updated;\n } else if (Array.isArray(obj)) {\n return obj.map(updatePaths);\n } else if (obj !== null \u0026\u0026 typeof obj === 'object') {\n const updated = {};\n for (const [key, value] of Object.entries(obj)) {\n updated[key] = updatePaths(value);\n }\n return updated;\n }\n return obj;\n }\n\n // Update all paths in the docs.json to reflect the flattened structure\n const updatedDocsJson = updatePaths(filteredDocsJson);\n\n if (!DRY_RUN) {\n fs.writeFileSync(\n docsJsonDest,\n JSON.stringify(updatedDocsJson, null, 2) + \"\\n\",\n );\n }\n\n log(`✓ Generated filtered docs.json with ${filteredNavigation.languages.length} languages`);\n log(`✓ Updated all paths to flatten directory structure`);\n}\n\n/**\n * Scan MDX files to find all referenced snippets\n */\nfunction findReferencedSnippets() {\n const referencedSnippets = new Set();\n\n // Find all MDX files we just copied\n const findMdxFiles = (dir) =\u003e {\n const files = [];\n if (!fs.existsSync(dir)) return files;\n\n const entries = fs.readdirSync(dir, { withFileTypes: true });\n for (const entry of entries) {\n const fullPath = path.join(dir, entry.name);\n if (entry.isDirectory()) {\n files.push(...findMdxFiles(fullPath));\n } else if (entry.name.endsWith(\".mdx\")) {\n files.push(fullPath);\n }\n }\n return files;\n };\n\n const mdxFiles = findMdxFiles(TARGET_REPO_DIR);\n\n // Scan each MDX file for snippet references\n for (const mdxFile of mdxFiles) {\n try {\n const content = fs.readFileSync(mdxFile, \"utf8\");\n // Match snippets/filename.mdx patterns (both with and without leading slash)\n const snippetMatches = content.match(/\\/?snippets\\/[a-zA-Z0-9_-]+\\.mdx/g);\n if (snippetMatches) {\n snippetMatches.forEach((match) =\u003e {\n // Remove leading slash if present\n const snippetPath = match.replace(/^\\/snippets\\//, \"\");\n referencedSnippets.add(snippetPath);\n });\n }\n } catch (error) {\n console.error(`Error reading ${mdxFile}:`, error.message);\n }\n }\n\n return Array.from(referencedSnippets);\n}\n\n/**\n * Copy only snippets referenced by Claude Code docs\n */\nfunction copySnippets() {\n log(\"\\n\" + \"=\".repeat(60));\n log(\"Copying snippets...\");\n log(\"=\".repeat(60) + \"\\n\");\n\n const snippetsSrc = path.join(DOCS_REPO_DIR, \"snippets\");\n const snippetsDest = path.join(TARGET_REPO_DIR, \"snippets\");\n\n if (!fs.existsSync(snippetsSrc)) {\n log(\"No snippets directory found.\");\n return;\n }\n\n // Find which snippets are actually referenced\n const referencedSnippets = findReferencedSnippets();\n\n if (referencedSnippets.length === 0) {\n log(\"No snippets referenced in Claude Code docs.\");\n return;\n }\n\n if (!DRY_RUN) {\n fs.mkdirSync(snippetsDest, { recursive: true });\n }\n\n let snippetCount = 0;\n for (const snippetPath of referencedSnippets) {\n const srcPath = path.join(snippetsSrc, snippetPath);\n const destPath = path.join(snippetsDest, snippetPath);\n\n if (fs.existsSync(srcPath)) {\n if (!DRY_RUN) {\n fs.copyFileSync(srcPath, destPath);\n }\n snippetCount++;\n log(` ✓ Copied ${snippetPath}`);\n } else {\n log(` ⚠ Snippet not found: ${snippetPath}`);\n }\n }\n\n log(`\\n✓ Copied ${snippetCount} referenced snippets (out of ${referencedSnippets.length} found)`);\n}\n\n/**\n * Copy other necessary files (styles, etc.)\n */\nfunction copyOtherFiles() {\n log(\"\\n\" + \"=\".repeat(60));\n log(\"Copying other necessary files...\");\n log(\"=\".repeat(60) + \"\\n\");\n\n const filesToCopy = [\n \"style.css\",\n \"button.css\",\n ];\n\n let copiedCount = 0;\n for (const file of filesToCopy) {\n const src = path.join(DOCS_REPO_DIR, file);\n const dest = path.join(TARGET_REPO_DIR, file);\n\n if (fs.existsSync(src)) {\n if (!DRY_RUN) {\n fs.copyFileSync(src, dest);\n }\n copiedCount++;\n log(` ✓ Copied ${file}`);\n } else {\n log(` - ${file} not found, skipping`);\n }\n }\n\n log(`\\nTotal: Copied ${copiedCount} additional files`);\n}\n\n// Main execution\nfunction main() {\n console.log(\"=\".repeat(60));\n console.log(\"Claude Code Documentation Migration\");\n console.log(\"=\".repeat(60));\n console.log(`Source: ${DOCS_REPO_DIR}`);\n console.log(`Target: ${TARGET_REPO_DIR}`);\n if (DRY_RUN) {\n console.log(\"\\n*** DRY RUN MODE - No files will be modified ***\\n\");\n }\n console.log(\"=\".repeat(60));\n\n // Check if source directory exists\n if (!fs.existsSync(DOCS_REPO_DIR)) {\n console.error(`Error: Source directory not found: ${DOCS_REPO_DIR}`);\n process.exit(1);\n }\n\n // Run migration steps\n copyClaudeCodeDocs();\n copyImages();\n copySnippets();\n copyOtherFiles();\n generateDocsJson();\n\n // Summary\n log(\"\\n\" + \"=\".repeat(60));\n log(\"Migration complete!\");\n log(\"=\".repeat(60));\n log(`✓ Copied ${fileCount} Claude Code MDX files`);\n log(`✓ Copied ${imageCount} images and snippets`);\n log(`✓ Generated filtered docs.json`);\n log(\"=\".repeat(60));\n\n if (DRY_RUN) {\n console.log(\"\\nThis was a dry run. Run without --dry-run to actually copy files.\");\n } else {\n console.log(\"\\nNext steps:\");\n console.log(\"1. Review the migrated content\");\n console.log(\"2. Commit the changes to git\");\n console.log(\"3. Test the documentation site\");\n }\n}\n\nmain();\n"])</script><script>self.__next_f.push([1,"4b:[\"$\",\"$L4f\",null,{\"customJsDisabled\":false,\"jsFiles\":[{\"_id\":\"6906005aecd2c7b3d78ac5e4\",\"filePath\":\"migrate-claude-code-docs.js\",\"subdomain\":\"claude-code\",\"__v\":0,\"content\":\"$50\"}]}]\n53:T41903,"])</script><script>self.__next_f.push([1,"\"use strict\";\nconst {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n a: \"a\",\n code: \"code\",\n li: \"li\",\n ol: \"ol\",\n p: \"p\",\n pre: \"pre\",\n span: \"span\",\n strong: \"strong\",\n tbody: \"tbody\",\n td: \"td\",\n th: \"th\",\n thead: \"thead\",\n tr: \"tr\",\n ul: \"ul\",\n ..._provideComponents(),\n ...props.components\n }, {CodeBlock, Heading, Note, Step, Steps, Table, Tip, Warning} = _components;\n if (!CodeBlock) _missingMdxReference(\"CodeBlock\", true);\n if (!Heading) _missingMdxReference(\"Heading\", true);\n if (!Note) _missingMdxReference(\"Note\", true);\n if (!Step) _missingMdxReference(\"Step\", true);\n if (!Steps) _missingMdxReference(\"Steps\", true);\n if (!Table) _missingMdxReference(\"Table\", true);\n if (!Tip) _missingMdxReference(\"Tip\", true);\n if (!Warning) _missingMdxReference(\"Warning\", true);\n return _jsxs(_Fragment, {\n children: [_jsxs(_components.p, {\n children: [\"Skills extend what Claude can do. Create a \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" file with instructions, and Claude adds it to its toolkit. Claude uses skills when relevant, or you can invoke one directly with \", _jsx(_components.code, {\n children: \"/skill-name\"\n }), \".\"]\n }), \"\\n\", _jsxs(Note, {\n children: [_jsxs(_components.p, {\n children: [\"For built-in commands like \", _jsx(_components.code, {\n children: \"/help\"\n }), \" and \", _jsx(_components.code, {\n children: \"/compact\"\n }), \", see \", _jsx(_components.a, {\n href: \"/en/interactive-mode#built-in-commands\",\n children: \"interactive mode\"\n }), \".\"]\n }), _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Custom slash commands have been merged into skills.\"\n }), \" A file at \", _jsx(_components.code, {\n children: \".claude/commands/review.md\"\n }), \" and a skill at \", _jsx(_components.code, {\n children: \".claude/skills/review/SKILL.md\"\n }), \" both create \", _jsx(_components.code, {\n children: \"/review\"\n }), \" and work the same way. Your existing \", _jsx(_components.code, {\n children: \".claude/commands/\"\n }), \" files keep working. Skills add optional features: a directory for supporting files, frontmatter to \", _jsx(_components.a, {\n href: \"#control-who-invokes-a-skill\",\n children: \"control whether you or Claude invokes them\"\n }), \", and the ability for Claude to load them automatically when relevant.\"]\n })]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Claude Code skills follow the \", _jsx(_components.a, {\n href: \"https://agentskills.io\",\n children: \"Agent Skills\"\n }), \" open standard, which works across multiple AI tools. Claude Code extends the standard with additional features like \", _jsx(_components.a, {\n href: \"#control-who-invokes-a-skill\",\n children: \"invocation control\"\n }), \", \", _jsx(_components.a, {\n href: \"#run-skills-in-a-subagent\",\n children: \"subagent execution\"\n }), \", and \", _jsx(_components.a, {\n href: \"#inject-dynamic-context\",\n children: \"dynamic context injection\"\n }), \".\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"getting-started\",\n children: \"Getting started\"\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"create-your-first-skill\",\n children: \"Create your first skill\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"This example creates a skill that teaches Claude to explain code using visual diagrams and analogies. Since it uses default frontmatter, Claude can load it automatically when you ask how something works, or you can invoke it directly with \", _jsx(_components.code, {\n children: \"/explain-code\"\n }), \".\"]\n }), \"\\n\", _jsxs(Steps, {\n children: [_jsxs(Step, {\n title: \"Create the skill directory\",\n children: [_jsx(_components.p, {\n children: \"Create a directory for the skill in your personal skills folder. Personal skills are available across all your projects.\"\n }), _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"1\",\n language: \"shellscript\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"shellscript\",\n children: _jsxs(_components.code, {\n language: \"shellscript\",\n numberOfLines: \"1\",\n children: [_jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \"mkdir\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" -p\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" ~/.claude/skills/explain-code\"\n })]\n }), \"\\n\"]\n })\n })\n })]\n }), _jsxs(Step, {\n title: \"Write SKILL.md\",\n children: [_jsxs(_components.p, {\n children: [\"Every skill needs a \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" file with two parts: YAML frontmatter (between \", _jsx(_components.code, {\n children: \"---\"\n }), \" markers) that tells Claude when to use the skill, and markdown content with instructions Claude follows when the skill is invoked. The \", _jsx(_components.code, {\n children: \"name\"\n }), \" field becomes the \", _jsx(_components.code, {\n children: \"/slash-command\"\n }), \", and the \", _jsx(_components.code, {\n children: \"description\"\n }), \" helps Claude decide when to load it automatically.\"]\n }), _jsxs(_components.p, {\n children: [\"Create \", _jsx(_components.code, {\n children: \"~/.claude/skills/explain-code/SKILL.md\"\n }), \":\"]\n }), _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"13\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"13\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"explain-code\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Explains code with visual diagrams and analogies. Use when explaining how code works, teaching about a codebase, or when the user asks \\\"how does this work?\\\"\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"When explaining code, always include\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"1. **Start with an analogy**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Compare the code to something from everyday life\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"2. **Draw a diagram**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Use ASCII art to show the flow, structure, or relationships\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"3. **Walk through the code**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Explain step-by-step what happens\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"4. **Highlight a gotcha**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"What's a common mistake or misconception?\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Keep explanations conversational. For complex concepts, use multiple analogies.\"\n })\n }), \"\\n\"]\n })\n })\n })]\n }), _jsxs(Step, {\n title: \"Test the skill\",\n children: [_jsx(_components.p, {\n children: \"You can test it two ways:\"\n }), _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Let Claude invoke it automatically\"\n }), \" by asking something that matches the description:\"]\n }), _jsx(CodeBlock, {\n numberOfLines: \"2\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"2\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"How does this code work?\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Or invoke it directly\"\n }), \" with the skill name:\"]\n }), _jsx(CodeBlock, {\n numberOfLines: \"2\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"2\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"/explain-code src/auth/login.ts\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), _jsx(_components.p, {\n children: \"Either way, Claude should include an analogy and ASCII diagram in its explanation.\"\n })]\n })]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"where-skills-live\",\n children: \"Where skills live\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Where you store a skill determines who can use it:\"\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Location\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Path\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Applies to\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Enterprise\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"See \", _jsx(_components.a, {\n href: \"/en/permissions#managed-settings\",\n children: \"managed settings\"\n })]\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"All users in your organization\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Personal\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"~/.claude/skills/\u003cskill-name\u003e/SKILL.md\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"All your projects\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Project\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \".claude/skills/\u003cskill-name\u003e/SKILL.md\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"This project only\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Plugin\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"\u003cplugin\u003e/skills/\u003cskill-name\u003e/SKILL.md\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Where plugin is enabled\"\n })]\n })]\n })]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"When skills share the same name across levels, higher-priority locations win: enterprise \u003e personal \u003e project. Plugin skills use a \", _jsx(_components.code, {\n children: \"plugin-name:skill-name\"\n }), \" namespace, so they cannot conflict with other levels. If you have files in \", _jsx(_components.code, {\n children: \".claude/commands/\"\n }), \", those work the same way, but if a skill and a command share the same name, the skill takes precedence.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"4\",\n id: \"automatic-discovery-from-nested-directories\",\n children: \"Automatic discovery from nested directories\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"When you work with files in subdirectories, Claude Code automatically discovers skills from nested \", _jsx(_components.code, {\n children: \".claude/skills/\"\n }), \" directories. For example, if you’re editing a file in \", _jsx(_components.code, {\n children: \"packages/frontend/\"\n }), \", Claude Code also looks for skills in \", _jsx(_components.code, {\n children: \"packages/frontend/.claude/skills/\"\n }), \". This supports monorepo setups where packages have their own skills.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Each skill is a directory with \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" as the entrypoint:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n numberOfLines: \"8\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"8\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"my-skill/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── SKILL.md # Main instructions (required)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── template.md # Template for Claude to fill in\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── examples/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"│ └── sample.md # Example output showing expected format\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"└── scripts/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \" └── validate.sh # Script Claude can execute\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"The \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" contains the main instructions and is required. Other files are optional and let you build more powerful skills: templates for Claude to fill in, example outputs showing the expected format, scripts Claude can execute, or detailed reference documentation. Reference these files from your \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" so Claude knows what they contain and when to load them. See \", _jsx(_components.a, {\n href: \"#add-supporting-files\",\n children: \"Add supporting files\"\n }), \" for more details.\"]\n }), \"\\n\", _jsx(Note, {\n children: _jsxs(_components.p, {\n children: [\"Files in \", _jsx(_components.code, {\n children: \".claude/commands/\"\n }), \" still work and support the same \", _jsx(_components.a, {\n href: \"#frontmatter-reference\",\n children: \"frontmatter\"\n }), \". Skills are recommended since they support additional features like supporting files.\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"4\",\n id: \"skills-from-additional-directories\",\n children: \"Skills from additional directories\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skills defined in \", _jsx(_components.code, {\n children: \".claude/skills/\"\n }), \" within directories added via \", _jsx(_components.code, {\n children: \"--add-dir\"\n }), \" are loaded automatically and picked up by live change detection, so you can edit them during a session without restarting.\"]\n }), \"\\n\", _jsx(Note, {\n children: _jsxs(_components.p, {\n children: [\"CLAUDE.md files from \", _jsx(_components.code, {\n children: \"--add-dir\"\n }), \" directories are not loaded by default. To load them, set \", _jsx(_components.code, {\n children: \"CLAUDE_CODE_ADDITIONAL_DIRECTORIES_CLAUDE_MD=1\"\n }), \". See \", _jsx(_components.a, {\n href: \"/en/memory#load-memory-from-additional-directories\",\n children: \"Load memory from additional directories\"\n }), \".\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"configure-skills\",\n children: \"Configure skills\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skills are configured through YAML frontmatter at the top of \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" and the markdown content that follows.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"types-of-skill-content\",\n children: \"Types of skill content\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Skill files can contain any instructions, but thinking about how you want to invoke them helps guide what to include:\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Reference content\"\n }), \" adds knowledge Claude applies to your current work. Conventions, patterns, style guides, domain knowledge. This content runs inline so Claude can use it alongside your conversation context.\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"9\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"9\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"api-conventions\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"API design patterns for this codebase\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"When writing API endpoints\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Use RESTful naming conventions\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Return consistent error formats\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Include request validation\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Task content\"\n }), \" gives Claude step-by-step instructions for a specific action, like deployments, commits, or code generation. These are often actions you want to invoke directly with \", _jsx(_components.code, {\n children: \"/skill-name\"\n }), \" rather than letting Claude decide when to run them. Add \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" to prevent Claude from triggering it automatically.\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"11\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"11\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"deploy\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Deploy the application to production\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"context\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fork\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"disable-model-invocation\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"true\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Deploy the application\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"1. Run the test suite\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"2. Build the application\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"3. Push to the deployment target\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Your \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" can contain anything, but thinking through how you want the skill invoked (by you, by Claude, or both) and where you want it to run (inline or in a subagent) helps guide what to include. For complex skills, you can also \", _jsx(_components.a, {\n href: \"#add-supporting-files\",\n children: \"add supporting files\"\n }), \" to keep the main skill focused.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"frontmatter-reference\",\n children: \"Frontmatter reference\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Beyond the markdown content, you can configure skill behavior using YAML frontmatter fields between \", _jsx(_components.code, {\n children: \"---\"\n }), \" markers at the top of your \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" file:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"8\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"8\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"my-skill\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"What this skill does\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"disable-model-invocation\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"true\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"allowed-tools\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Read, Grep\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Your skill instructions here...\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"All fields are optional. Only \", _jsx(_components.code, {\n children: \"description\"\n }), \" is recommended so Claude knows when to use the skill.\"]\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Field\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Required\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"name\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Display name for the skill. If omitted, uses the directory name. Lowercase letters, numbers, and hyphens only (max 64 characters).\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"description\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Recommended\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"What the skill does and when to use it. Claude uses this to decide when to apply the skill. If omitted, uses the first paragraph of markdown content.\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"argument-hint\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Hint shown during autocomplete to indicate expected arguments. Example: \", _jsx(_components.code, {\n children: \"[issue-number]\"\n }), \" or \", _jsx(_components.code, {\n children: \"[filename] [format]\"\n }), \".\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"disable-model-invocation\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Set to \", _jsx(_components.code, {\n children: \"true\"\n }), \" to prevent Claude from automatically loading this skill. Use for workflows you want to trigger manually with \", _jsx(_components.code, {\n children: \"/name\"\n }), \". Default: \", _jsx(_components.code, {\n children: \"false\"\n }), \".\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"user-invocable\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Set to \", _jsx(_components.code, {\n children: \"false\"\n }), \" to hide from the \", _jsx(_components.code, {\n children: \"/\"\n }), \" menu. Use for background knowledge users shouldn’t invoke directly. Default: \", _jsx(_components.code, {\n children: \"true\"\n }), \".\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"allowed-tools\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Tools Claude can use without asking permission when this skill is active.\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"model\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Model to use when this skill is active.\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"context\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Set to \", _jsx(_components.code, {\n children: \"fork\"\n }), \" to run in a forked subagent context.\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"agent\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Which subagent type to use when \", _jsx(_components.code, {\n children: \"context: fork\"\n }), \" is set.\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"hooks\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Hooks scoped to this skill’s lifecycle. See \", _jsx(_components.a, {\n href: \"/en/hooks#hooks-in-skills-and-agents\",\n children: \"Hooks in skills and agents\"\n }), \" for configuration format.\"]\n })]\n })]\n })]\n }), \"\\n\", _jsx(Heading, {\n level: \"4\",\n id: \"available-string-substitutions\",\n children: \"Available string substitutions\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Skills support string substitution for dynamic values in the skill content:\"\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Variable\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n })\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"All arguments passed when invoking the skill. If \", _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n }), \" is not present in the content, arguments are appended as \", _jsx(_components.code, {\n children: \"ARGUMENTS: \u003cvalue\u003e\"\n }), \".\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"$ARGUMENTS[N]\"\n })\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Access a specific argument by 0-based index, such as \", _jsx(_components.code, {\n children: \"$ARGUMENTS[0]\"\n }), \" for the first argument.\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"$N\"\n })\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Shorthand for \", _jsx(_components.code, {\n children: \"$ARGUMENTS[N]\"\n }), \", such as \", _jsx(_components.code, {\n children: \"$0\"\n }), \" for the first argument or \", _jsx(_components.code, {\n children: \"$1\"\n }), \" for the second.\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"${CLAUDE_SESSION_ID}\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"The current session ID. Useful for logging, creating session-specific files, or correlating skill output with sessions.\"\n })]\n })]\n })]\n }), \"\\n\", _jsx(_components.p, {\n children: _jsx(_components.strong, {\n children: \"Example using substitutions:\"\n })\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"8\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"8\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"session-logger\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Log activity for this session\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Log the following to logs/${CLAUDE_SESSION_ID}.log\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"$ARGUMENTS\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"add-supporting-files\",\n children: \"Add supporting files\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skills can include multiple files in their directory. This keeps \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" focused on the essentials while letting Claude access detailed reference material only when needed. Large reference docs, API specifications, or example collections don’t need to load into context every time the skill runs.\"]\n }), \"\\n\", _jsx(CodeBlock, {\n numberOfLines: \"7\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"7\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"my-skill/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── SKILL.md (required - overview and navigation)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── reference.md (detailed API docs - loaded when needed)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── examples.md (usage examples - loaded when needed)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"└── scripts/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \" └── helper.py (utility script - executed, not loaded)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Reference supporting files from \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" so Claude knows what each file contains and when to load it:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"4\",\n language: \"markdown\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"markdown\",\n children: _jsxs(_components.code, {\n language: \"markdown\",\n numberOfLines: \"4\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-light-font-weight\": \"bold\",\n \"--shiki-dark\": \"#569CD6\",\n \"--shiki-dark-font-weight\": \"bold\"\n },\n children: \"## Additional resources\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#6796E6\"\n },\n children: \"-\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" For complete API details, see [\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"reference.md\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"](\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-light-text-decoration\": \"underline\",\n \"--shiki-dark\": \"#D4D4D4\",\n \"--shiki-dark-text-decoration\": \"underline\"\n },\n children: \"reference.md\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#6796E6\"\n },\n children: \"-\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" For usage examples, see [\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"examples.md\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"](\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-light-text-decoration\": \"underline\",\n \"--shiki-dark\": \"#D4D4D4\",\n \"--shiki-dark-text-decoration\": \"underline\"\n },\n children: \"examples.md\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(Tip, {\n children: [\"Keep \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" under 500 lines. Move detailed reference material to separate files.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"control-who-invokes-a-skill\",\n children: \"Control who invokes a skill\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"By default, both you and Claude can invoke any skill. You can type \", _jsx(_components.code, {\n children: \"/skill-name\"\n }), \" to invoke it directly, and Claude can load it automatically when relevant to your conversation. Two frontmatter fields let you restrict this:\"]\n }), \"\\n\", _jsxs(_components.ul, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [\"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n })\n }), \": Only you can invoke the skill. Use this for workflows with side effects or that you want to control timing, like \", _jsx(_components.code, {\n children: \"/commit\"\n }), \", \", _jsx(_components.code, {\n children: \"/deploy\"\n }), \", or \", _jsx(_components.code, {\n children: \"/send-slack-message\"\n }), \". You don’t want Claude deciding to deploy because your code looks ready.\"]\n }), \"\\n\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.code, {\n children: \"user-invocable: false\"\n })\n }), \": Only Claude can invoke the skill. Use this for background knowledge that isn’t actionable as a command. A \", _jsx(_components.code, {\n children: \"legacy-system-context\"\n }), \" skill explains how an old system works. Claude should know this when relevant, but \", _jsx(_components.code, {\n children: \"/legacy-system-context\"\n }), \" isn’t a meaningful action for users to take.\"]\n }), \"\\n\"]\n }), \"\\n\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"This example creates a deploy skill that only you can trigger. The \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" field prevents Claude from running it automatically:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"12\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"12\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"deploy\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Deploy the application to production\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"disable-model-invocation\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"true\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Deploy $ARGUMENTS to production\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"1. Run the test suite\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"2. Build the application\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"3. Push to the deployment target\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"4. Verify the deployment succeeded\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(_components.p, {\n children: \"Here’s how the two fields affect invocation and context loading:\"\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Frontmatter\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"You can invoke\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Claude can invoke\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"When loaded into context\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"(default)\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Yes\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Yes\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description always in context, full skill loads when invoked\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Yes\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description not in context, full skill loads when you invoke\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"user-invocable: false\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Yes\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description always in context, full skill loads when invoked\"\n })]\n })]\n })]\n }), \"\\n\", _jsx(Note, {\n children: _jsxs(_components.p, {\n children: [\"In a regular session, skill descriptions are loaded into context so Claude knows what’s available, but full skill content only loads when invoked. \", _jsx(_components.a, {\n href: \"/en/sub-agents#preload-skills-into-subagents\",\n children: \"Subagents with preloaded skills\"\n }), \" work differently: the full skill content is injected at startup.\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"restrict-tool-access\",\n children: \"Restrict tool access\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Use the \", _jsx(_components.code, {\n children: \"allowed-tools\"\n }), \" field to limit which tools Claude can use when a skill is active. This skill creates a read-only mode where Claude can explore files but not modify them:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"5\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"5\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"safe-reader\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Read files without making changes\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"allowed-tools\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Read, Grep, Glob\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"pass-arguments-to-skills\",\n children: \"Pass arguments to skills\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Both you and Claude can pass arguments when invoking a skill. Arguments are available via the \", _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n }), \" placeholder.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"This skill fixes a GitHub issue by number. The \", _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n }), \" placeholder gets replaced with whatever follows the skill name:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"13\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"13\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fix-issue\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Fix a GitHub issue\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"disable-model-invocation\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"true\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Fix GitHub issue $ARGUMENTS following our coding standards.\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"1. Read the issue description\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"2. Understand the requirements\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"3. Implement the fix\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"4. Write tests\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"5. Create a commit\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"When you run \", _jsx(_components.code, {\n children: \"/fix-issue 123\"\n }), \", Claude receives “Fix GitHub issue 123 following our coding standards…”\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"If you invoke a skill with arguments but the skill doesn’t include \", _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n }), \", Claude Code appends \", _jsx(_components.code, {\n children: \"ARGUMENTS: \u003cyour input\u003e\"\n }), \" to the end of the skill content so Claude still sees what you typed.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"To access individual arguments by position, use \", _jsx(_components.code, {\n children: \"$ARGUMENTS[N]\"\n }), \" or the shorter \", _jsx(_components.code, {\n children: \"$N\"\n }), \":\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"7\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"7\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"migrate-component\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Migrate a component from one framework to another\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Migrate the $ARGUMENTS[0] component from $ARGUMENTS[1] to $ARGUMENTS[2].\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Preserve all existing behavior and tests.\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Running \", _jsx(_components.code, {\n children: \"/migrate-component SearchBar React Vue\"\n }), \" replaces \", _jsx(_components.code, {\n children: \"$ARGUMENTS[0]\"\n }), \" with \", _jsx(_components.code, {\n children: \"SearchBar\"\n }), \", \", _jsx(_components.code, {\n children: \"$ARGUMENTS[1]\"\n }), \" with \", _jsx(_components.code, {\n children: \"React\"\n }), \", and \", _jsx(_components.code, {\n children: \"$ARGUMENTS[2]\"\n }), \" with \", _jsx(_components.code, {\n children: \"Vue\"\n }), \". The same skill using the \", _jsx(_components.code, {\n children: \"$N\"\n }), \" shorthand:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"7\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"7\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"migrate-component\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Migrate a component from one framework to another\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Migrate the $0 component from $1 to $2.\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Preserve all existing behavior and tests.\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"advanced-patterns\",\n children: \"Advanced patterns\"\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"inject-dynamic-context\",\n children: \"Inject dynamic context\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"The \", _jsx(_components.code, {\n children: \"!\"\n }), \"command“ syntax runs shell commands before the skill content is sent to Claude. The command output replaces the placeholder, so Claude receives actual data, not the command itself.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"This skill summarizes a pull request by fetching live PR data with the GitHub CLI. The \", _jsx(_components.code, {\n children: \"!\"\n }), \"gh pr diff“ and other commands run first, and their output gets inserted into the prompt:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"15\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"15\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"pr-summary\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Summarize changes in a pull request\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"context\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fork\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"agent\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Explore\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"allowed-tools\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Bash(gh *)\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"## Pull request context\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"PR diff\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#82071E\",\n \"--shiki-light-font-style\": \"italic\",\n \"--shiki-dark\": \"#F44747\",\n \"--shiki-dark-font-style\": \"inherit\"\n },\n children: \"!`gh\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" pr diff`\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"PR comments\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#82071E\",\n \"--shiki-light-font-style\": \"italic\",\n \"--shiki-dark\": \"#F44747\",\n \"--shiki-dark-font-style\": \"inherit\"\n },\n children: \"!`gh\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" pr view --comments`\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Changed files\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#82071E\",\n \"--shiki-light-font-style\": \"italic\",\n \"--shiki-dark\": \"#F44747\",\n \"--shiki-dark-font-style\": \"inherit\"\n },\n children: \"!`gh\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" pr diff --name-only`\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"## Your task\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Summarize this pull request...\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(_components.p, {\n children: \"When this skill runs:\"\n }), \"\\n\", _jsxs(_components.ol, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [\"Each \", _jsx(_components.code, {\n children: \"!\"\n }), \"command“ executes immediately (before Claude sees anything)\"]\n }), \"\\n\", _jsx(_components.li, {\n children: \"The output replaces the placeholder in the skill content\"\n }), \"\\n\", _jsx(_components.li, {\n children: \"Claude receives the fully-rendered prompt with actual PR data\"\n }), \"\\n\"]\n }), \"\\n\", _jsx(_components.p, {\n children: \"This is preprocessing, not something Claude executes. Claude only sees the final result.\"\n }), \"\\n\", _jsx(Tip, {\n children: _jsxs(_components.p, {\n children: [\"To enable \", _jsx(_components.a, {\n href: \"/en/common-workflows#use-extended-thinking-thinking-mode\",\n children: \"extended thinking\"\n }), \" in a skill, include the word “ultrathink” anywhere in your skill content.\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"run-skills-in-a-subagent\",\n children: \"Run skills in a subagent\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Add \", _jsx(_components.code, {\n children: \"context: fork\"\n }), \" to your frontmatter when you want a skill to run in isolation. The skill content becomes the prompt that drives the subagent. It won’t have access to your conversation history.\"]\n }), \"\\n\", _jsx(Warning, {\n children: _jsxs(_components.p, {\n children: [_jsx(_components.code, {\n children: \"context: fork\"\n }), \" only makes sense for skills with explicit instructions. If your skill contains guidelines like “use these API conventions” without a task, the subagent receives the guidelines but no actionable prompt, and returns without meaningful output.\"]\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skills and \", _jsx(_components.a, {\n href: \"/en/sub-agents\",\n children: \"subagents\"\n }), \" work together in two directions:\"]\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Approach\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"System prompt\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Task\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Also loads\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Skill with \", _jsx(_components.code, {\n children: \"context: fork\"\n })]\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"From agent type (\", _jsx(_components.code, {\n children: \"Explore\"\n }), \", \", _jsx(_components.code, {\n children: \"Plan\"\n }), \", etc.)\"]\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"SKILL.md content\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"CLAUDE.md\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Subagent with \", _jsx(_components.code, {\n children: \"skills\"\n }), \" field\"]\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Subagent’s markdown body\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Claude’s delegation message\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Preloaded skills + CLAUDE.md\"\n })]\n })]\n })]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"With \", _jsx(_components.code, {\n children: \"context: fork\"\n }), \", you write the task in your skill and pick an agent type to execute it. For the inverse (defining a custom subagent that uses skills as reference material), see \", _jsx(_components.a, {\n href: \"/en/sub-agents#preload-skills-into-subagents\",\n children: \"Subagents\"\n }), \".\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"4\",\n id: \"example%3A-research-skill-using-explore-agent\",\n children: \"Example: Research skill using Explore agent\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"This skill runs research in a forked Explore agent. The skill content becomes the task, and the agent provides read-only tools optimized for codebase exploration:\"\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"12\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"12\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"deep-research\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Research a topic thoroughly\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"context\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fork\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"agent\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Explore\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Research $ARGUMENTS thoroughly\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"1. Find relevant files using Glob and Grep\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"2. Read and analyze the code\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"3. Summarize findings with specific file references\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(_components.p, {\n children: \"When this skill runs:\"\n }), \"\\n\", _jsxs(_components.ol, {\n children: [\"\\n\", _jsx(_components.li, {\n children: \"A new isolated context is created\"\n }), \"\\n\", _jsx(_components.li, {\n children: \"The subagent receives the skill content as its prompt (“Research $ARGUMENTS thoroughly…”)\"\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"The \", _jsx(_components.code, {\n children: \"agent\"\n }), \" field determines the execution environment (model, tools, and permissions)\"]\n }), \"\\n\", _jsx(_components.li, {\n children: \"Results are summarized and returned to your main conversation\"\n }), \"\\n\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"The \", _jsx(_components.code, {\n children: \"agent\"\n }), \" field specifies which subagent configuration to use. Options include built-in agents (\", _jsx(_components.code, {\n children: \"Explore\"\n }), \", \", _jsx(_components.code, {\n children: \"Plan\"\n }), \", \", _jsx(_components.code, {\n children: \"general-purpose\"\n }), \") or any custom subagent from \", _jsx(_components.code, {\n children: \".claude/agents/\"\n }), \". If omitted, uses \", _jsx(_components.code, {\n children: \"general-purpose\"\n }), \".\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"restrict-claude%E2%80%99s-skill-access\",\n children: \"Restrict Claude’s skill access\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"By default, Claude can invoke any skill that doesn’t have \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" set. Skills that define \", _jsx(_components.code, {\n children: \"allowed-tools\"\n }), \" grant Claude access to those tools without per-use approval when the skill is active. Your \", _jsx(_components.a, {\n href: \"/en/permissions\",\n children: \"permission settings\"\n }), \" still govern baseline approval behavior for all other tools. Built-in commands like \", _jsx(_components.code, {\n children: \"/compact\"\n }), \" and \", _jsx(_components.code, {\n children: \"/init\"\n }), \" are not available through the Skill tool.\"]\n }), \"\\n\", _jsx(_components.p, {\n children: \"Three ways to control which skills Claude can invoke:\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Disable all skills\"\n }), \" by denying the Skill tool in \", _jsx(_components.code, {\n children: \"/permissions\"\n }), \":\"]\n }), \"\\n\", _jsx(CodeBlock, {\n numberOfLines: \"3\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"3\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"# Add to deny rules:\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"Skill\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Allow or deny specific skills\"\n }), \" using \", _jsx(_components.a, {\n href: \"/en/permissions\",\n children: \"permission rules\"\n }), \":\"]\n }), \"\\n\", _jsx(CodeBlock, {\n numberOfLines: \"7\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"7\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"# Allow only specific skills\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"Skill(commit)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"Skill(review-pr *)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"# Deny specific skills\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"Skill(deploy *)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Permission syntax: \", _jsx(_components.code, {\n children: \"Skill(name)\"\n }), \" for exact match, \", _jsx(_components.code, {\n children: \"Skill(name *)\"\n }), \" for prefix match with any arguments.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Hide individual skills\"\n }), \" by adding \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" to their frontmatter. This removes the skill from Claude’s context entirely.\"]\n }), \"\\n\", _jsx(Note, {\n children: _jsxs(_components.p, {\n children: [\"The \", _jsx(_components.code, {\n children: \"user-invocable\"\n }), \" field only controls menu visibility, not Skill tool access. Use \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" to block programmatic invocation.\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"share-skills\",\n children: \"Share skills\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Skills can be distributed at different scopes depending on your audience:\"\n }), \"\\n\", _jsxs(_components.ul, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: \"Project skills\"\n }), \": Commit \", _jsx(_components.code, {\n children: \".claude/skills/\"\n }), \" to version control\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: \"Plugins\"\n }), \": Create a \", _jsx(_components.code, {\n children: \"skills/\"\n }), \" directory in your \", _jsx(_components.a, {\n href: \"/en/plugins\",\n children: \"plugin\"\n })]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: \"Managed\"\n }), \": Deploy organization-wide through \", _jsx(_components.a, {\n href: \"/en/permissions#managed-settings\",\n children: \"managed settings\"\n })]\n }), \"\\n\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"generate-visual-output\",\n children: \"Generate visual output\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Skills can bundle and run scripts in any language, giving Claude capabilities beyond what’s possible in a single prompt. One powerful pattern is generating visual output: interactive HTML files that open in your browser for exploring data, debugging, or creating reports.\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"This example creates a codebase explorer: an interactive tree view where you can expand and collapse directories, see file sizes at a glance, and identify file types by color.\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Create the Skill directory:\"\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"1\",\n language: \"shellscript\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"shellscript\",\n children: _jsxs(_components.code, {\n language: \"shellscript\",\n numberOfLines: \"1\",\n children: [_jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \"mkdir\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" -p\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" ~/.claude/skills/codebase-visualizer/scripts\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Create \", _jsx(_components.code, {\n children: \"~/.claude/skills/codebase-visualizer/SKILL.md\"\n }), \". The description tells Claude when to activate this Skill, and the instructions tell Claude to run the bundled script:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"26\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"26\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"codebase-visualizer\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Generate an interactive collapsible tree visualization of your codebase. Use when exploring a new repo, understanding project structure, or identifying large files.\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"allowed-tools\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Bash(python *)\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"# Codebase Visualizer\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Generate an interactive HTML tree view that shows your project's file structure with collapsible directories.\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"## Usage\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Run the visualization script from your project root\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"```\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"bash\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"python ~/.claude/skills/codebase-visualizer/scripts/visualize.py .\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"```\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"This creates `codebase-map.html` in the current directory and opens it in your default browser.\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"## What the visualization shows\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"*Collapsible\"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" directories**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Click folders to expand/collapse\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"*File\"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" sizes**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Displayed next to each file\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"*Colors**:\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" Different colors for different file types\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"*Directory\"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" totals**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Shows aggregate size of each folder\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Create \", _jsx(_components.code, {\n children: \"~/.claude/skills/codebase-visualizer/scripts/visualize.py\"\n }), \". This script scans a directory tree and generates a self-contained HTML file with:\"]\n }), \"\\n\", _jsxs(_components.ul, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [\"A \", _jsx(_components.strong, {\n children: \"summary sidebar\"\n }), \" showing file count, directory count, total size, and number of file types\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"A \", _jsx(_components.strong, {\n children: \"bar chart\"\n }), \" breaking down the codebase by file type (top 8 by size)\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"A \", _jsx(_components.strong, {\n children: \"collapsible tree\"\n }), \" where you can expand and collapse directories, with color-coded file type indicators\"]\n }), \"\\n\"]\n }), \"\\n\", _jsx(_components.p, {\n children: \"The script requires Python but uses only built-in libraries, so there are no packages to install:\"\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n expandable: \"true\",\n numberOfLines: \"131\",\n language: \"python\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"python\",\n children: _jsxs(_components.code, {\n language: \"python\",\n numberOfLines: \"131\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"#!/usr/bin/env python3\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\\\"\\\"Generate an interactive collapsible tree visualization of a codebase.\\\"\\\"\\\"\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" json\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" sys\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" webbrowser\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"from\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" pathlib \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" Path\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"from\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" collections \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" Counter\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"IGNORE\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" =\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.git'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'node_modules'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'__pycache__'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.venv'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'venv'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'dist'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'build'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"}\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"def\"\n }), _jsx(_components.span, {\n style: {\n color: \"#8250DF\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" scan\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"path\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": Path, \"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"stats\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \"dict\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \") -\u003e \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \"dict\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"name\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": path.name, \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"children\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": [], \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"0\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" try\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" for\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"in\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" sorted\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(path.iterdir()):\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.name \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"in\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" IGNORE\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" or\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.name.startswith(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"):\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" continue\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.is_file():\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" size \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.stat().st_size\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" ext \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.suffix.lower() \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"or\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '(no ext)'\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"children\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"].append({\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"name\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": item.name, \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": size, \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"ext\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": ext})\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" size\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"files\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"extensions\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"][ext] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"ext_sizes\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"][ext] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" size\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" elif\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.is_dir():\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"dirs\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" child \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" scan(item, stats)\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" child[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"children\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]:\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"children\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"].append(child)\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" child[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" except\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \" PermissionError\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" pass\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" return\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"def\"\n }), _jsx(_components.span, {\n style: {\n color: \"#8250DF\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" generate_html\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"data\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \"dict\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"stats\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \"dict\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"output\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": Path) -\u003e \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"None\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" ext_sizes \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"ext_sizes\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" total_size \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" sum\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(ext_sizes.values()) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"or\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" sorted_exts \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" sorted\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(ext_sizes.items(), \"\n }), _jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"key\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"lambda\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \" x\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"-\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"x[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"1\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"])[:\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"8\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" colors \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" {\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.js'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#f7df1e'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.ts'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#3178c6'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.py'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#3776ab'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.go'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#00add8'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \",\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.rs'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#dea584'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.rb'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#cc342d'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.css'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#264de4'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.html'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#e34c26'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \",\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.json'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#6b7280'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.md'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#083fa1'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.yaml'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#cb171e'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.yml'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#cb171e'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \",\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.mdx'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#083fa1'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.tsx'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#3178c6'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.jsx'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#61dafb'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.sh'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#4eaa25'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \",\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" }\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" lang_bars \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \\\"\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \".join(\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\u003cdiv class=\\\"bar-row\\\"\u003e\u003cspan class=\\\"bar-label\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"ext\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e'\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\u003cdiv class=\\\"bar\\\" style=\\\"width:\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(size\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"/\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"total_size)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"100\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"%;background:\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"colors.get(ext,\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"#6b7280\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\u003e\u003c/div\u003e'\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\u003cspan class=\\\"bar-pct\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(size\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"/\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"total_size)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"100\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":.1f}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"%\u003c/span\u003e\u003c/div\u003e'\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" for\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" ext, size \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"in\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" sorted_exts\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" )\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" def\"\n }), _jsx(_components.span, {\n style: {\n color: \"#8250DF\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" fmt\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"b\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"):\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" b \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"\u003c\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1024\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"return\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"b\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" B\\\"\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" b \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"\u003c\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1048576\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"return\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"b\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"/\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"1024\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":.1f}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" KB\\\"\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" return\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"b\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"/\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"1048576\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":.1f}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" MB\\\"\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" html \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'''\u003c!DOCTYPE html\u003e\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003chtml\u003e\u003chead\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cmeta charset=\\\"utf-8\\\"\u003e\u003ctitle\u003eCodebase Explorer\u003c/title\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cstyle\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" body \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" font: 14px/1.5 system-ui, sans-serif; margin: 0; background: #1a1a2e; color: #eee; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .container \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" display: flex; height: 100vh; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .sidebar \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" width: 280px; background: #252542; padding: 20px; border-right: 1px solid #3d3d5c; overflow-y: auto; flex-shrink: 0; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .main \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" flex: 1; padding: 20px; overflow-y: auto; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" h1 \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" margin: 0 0 10px 0; font-size: 18px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" h2 \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" margin: 20px 0 10px 0; font-size: 14px; color: #888; text-transform: uppercase; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .stat \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #3d3d5c; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .stat-value \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" font-weight: bold; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .bar-row \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" display: flex; align-items: center; margin: 6px 0; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .bar-label \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" width: 55px; font-size: 12px; color: #aaa; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .bar \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" height: 18px; border-radius: 3px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .bar-pct \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" margin-left: 8px; font-size: 12px; color: #666; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .tree \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" list-style: none; padding-left: 20px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" details \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" cursor: pointer; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" summary \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" padding: 4px 8px; border-radius: 4px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" summary:hover \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" background: #2d2d44; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .folder \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" color: #ffd700; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .file \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" display: flex; align-items: center; padding: 4px 8px; border-radius: 4px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .file:hover \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" background: #2d2d44; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .size \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" color: #888; margin-left: auto; font-size: 12px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .dot \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" width: 8px; height: 8px; border-radius: 50%; margin-right: 8px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/style\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/head\u003e\u003cbody\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"container\\\"\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"sidebar\\\"\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003ch1\u003e📊 Summary\u003c/h1\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"stat\\\"\u003e\u003cspan\u003eFiles\u003c/span\u003e\u003cspan class=\\\"stat-value\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"files\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":,}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/div\u003e\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"stat\\\"\u003e\u003cspan\u003eDirectories\u003c/span\u003e\u003cspan class=\\\"stat-value\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"dirs\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":,}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/div\u003e\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"stat\\\"\u003e\u003cspan\u003eTotal size\u003c/span\u003e\u003cspan class=\\\"stat-value\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"fmt(data[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"])\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/div\u003e\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"stat\\\"\u003e\u003cspan\u003eFile types\u003c/span\u003e\u003cspan class=\\\"stat-value\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \"len\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"extensions\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"])\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/div\u003e\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003ch2\u003eBy file type\u003c/h2\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"lang_bars\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/div\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"main\\\"\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003ch1\u003e📁 \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"data[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"name\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/h1\u003e\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cul class=\\\"tree\\\" id=\\\"root\\\"\u003e\u003c/ul\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/div\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/div\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cscript\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const data = \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"json.dumps(data)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \";\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const colors = \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"json.dumps(colors)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \";\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" function fmt(b) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" if (b \u003c 1024) return b + ' B'; if (b \u003c 1048576) return (b/1024).toFixed(1) + ' KB'; return (b/1048576).toFixed(1) + ' MB'; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" function render(node, parent) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" if (node.children) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const det = document.createElement('details');\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" det.open = parent === document.getElementById('root');\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" det.innerHTML = `\u003csummary\u003e\u003cspan class=\\\"folder\\\"\u003e📁 $\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"node.name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003cspan class=\\\"size\\\"\u003e$\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fmt(node.size)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/summary\u003e`;\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const ul = document.createElement('ul'); ul.className = 'tree';\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" node.children.sort((a,b) =\u003e (b.children?1:0)-(a.children?1:0) || a.name.localeCompare(b.name));\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" node.children.forEach(c =\u003e render(c, ul));\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" det.appendChild(ul);\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const li = document.createElement('li'); li.appendChild(det); parent.appendChild(li);\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \" }}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" else \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const li = document.createElement('li'); li.className = 'file';\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" li.innerHTML = `\u003cspan class=\\\"dot\\\" style=\\\"background:$\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"colors[node.ext]||'#6b7280'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\u003e\u003c/span\u003e$\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"node.name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003cspan class=\\\"size\\\"\u003e$\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fmt(node.size)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e`;\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" parent.appendChild(li);\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \" }}\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \" }}\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" data.children.forEach(c =\u003e render(c, document.getElementById('root')));\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/script\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/body\u003e\u003c/html\u003e'''\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" output.write_text(html)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \" __name__\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" ==\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '__main__'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" target \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" Path(sys.argv[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"1\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" len\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(sys.argv) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" else\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \").resolve()\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"files\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"0\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"dirs\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"0\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"extensions\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": Counter(), \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"ext_sizes\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": Counter()}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" data \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" scan(target, stats)\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" out \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" Path(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'codebase-map.html'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" generate_html(data, stats, out)\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" print\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'Generated \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"out.absolute()\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" webbrowser.open(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'file://\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"out.absolute()\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"To test, open Claude Code in any project and ask “Visualize this codebase.” Claude runs the script, generates \", _jsx(_components.code, {\n children: \"codebase-map.html\"\n }), \", and opens it in your browser.\"]\n }), \"\\n\", _jsx(_components.p, {\n children: \"This pattern works for any visual output: dependency graphs, test coverage reports, API documentation, or database schema visualizations. The bundled script does the heavy lifting while Claude handles orchestration.\"\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"troubleshooting\",\n children: \"Troubleshooting\"\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"skill-not-triggering\",\n children: \"Skill not triggering\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"If Claude doesn’t use your skill when expected:\"\n }), \"\\n\", _jsxs(_components.ol, {\n children: [\"\\n\", _jsx(_components.li, {\n children: \"Check the description includes keywords users would naturally say\"\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"Verify the skill appears in \", _jsx(_components.code, {\n children: \"What skills are available?\"\n })]\n }), \"\\n\", _jsx(_components.li, {\n children: \"Try rephrasing your request to match the description more closely\"\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"Invoke it directly with \", _jsx(_components.code, {\n children: \"/skill-name\"\n }), \" if the skill is user-invocable\"]\n }), \"\\n\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"skill-triggers-too-often\",\n children: \"Skill triggers too often\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"If Claude uses your skill when you don’t want it:\"\n }), \"\\n\", _jsxs(_components.ol, {\n children: [\"\\n\", _jsx(_components.li, {\n children: \"Make the description more specific\"\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"Add \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" if you only want manual invocation\"]\n }), \"\\n\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"claude-doesn%E2%80%99t-see-all-my-skills\",\n children: \"Claude doesn’t see all my skills\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skill descriptions are loaded into context so Claude knows what’s available. If you have many skills, they may exceed the character budget. The budget scales dynamically at 2% of the context window, with a fallback of 16,000 characters. Run \", _jsx(_components.code, {\n children: \"/context\"\n }), \" to check for a warning about excluded skills.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"To override the limit, set the \", _jsx(_components.code, {\n children: \"SLASH_COMMAND_TOOL_CHAR_BUDGET\"\n }), \" environment variable.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"related-resources\",\n children: \"Related resources\"\n }), \"\\n\", _jsxs(_components.ul, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/sub-agents\",\n children: \"Subagents\"\n })\n }), \": delegate tasks to specialized agents\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/plugins\",\n children: \"Plugins\"\n })\n }), \": package and distribute skills with other extensions\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/hooks\",\n children: \"Hooks\"\n })\n }), \": automate workflows around tool events\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/memory\",\n children: \"Memory\"\n })\n }), \": manage CLAUDE.md files for persistent context\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/interactive-mode#built-in-commands\",\n children: \"Interactive mode\"\n })\n }), \": built-in commands and shortcuts\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/permissions\",\n children: \"Permissions\"\n })\n }), \": control tool and skill access\"]\n }), \"\\n\"]\n })]\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n"])</script><script>self.__next_f.push([1,"54:T41903,"])</script><script>self.__next_f.push([1,"\"use strict\";\nconst {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n a: \"a\",\n code: \"code\",\n li: \"li\",\n ol: \"ol\",\n p: \"p\",\n pre: \"pre\",\n span: \"span\",\n strong: \"strong\",\n tbody: \"tbody\",\n td: \"td\",\n th: \"th\",\n thead: \"thead\",\n tr: \"tr\",\n ul: \"ul\",\n ..._provideComponents(),\n ...props.components\n }, {CodeBlock, Heading, Note, Step, Steps, Table, Tip, Warning} = _components;\n if (!CodeBlock) _missingMdxReference(\"CodeBlock\", true);\n if (!Heading) _missingMdxReference(\"Heading\", true);\n if (!Note) _missingMdxReference(\"Note\", true);\n if (!Step) _missingMdxReference(\"Step\", true);\n if (!Steps) _missingMdxReference(\"Steps\", true);\n if (!Table) _missingMdxReference(\"Table\", true);\n if (!Tip) _missingMdxReference(\"Tip\", true);\n if (!Warning) _missingMdxReference(\"Warning\", true);\n return _jsxs(_Fragment, {\n children: [_jsxs(_components.p, {\n children: [\"Skills extend what Claude can do. Create a \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" file with instructions, and Claude adds it to its toolkit. Claude uses skills when relevant, or you can invoke one directly with \", _jsx(_components.code, {\n children: \"/skill-name\"\n }), \".\"]\n }), \"\\n\", _jsxs(Note, {\n children: [_jsxs(_components.p, {\n children: [\"For built-in commands like \", _jsx(_components.code, {\n children: \"/help\"\n }), \" and \", _jsx(_components.code, {\n children: \"/compact\"\n }), \", see \", _jsx(_components.a, {\n href: \"/en/interactive-mode#built-in-commands\",\n children: \"interactive mode\"\n }), \".\"]\n }), _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Custom slash commands have been merged into skills.\"\n }), \" A file at \", _jsx(_components.code, {\n children: \".claude/commands/review.md\"\n }), \" and a skill at \", _jsx(_components.code, {\n children: \".claude/skills/review/SKILL.md\"\n }), \" both create \", _jsx(_components.code, {\n children: \"/review\"\n }), \" and work the same way. Your existing \", _jsx(_components.code, {\n children: \".claude/commands/\"\n }), \" files keep working. Skills add optional features: a directory for supporting files, frontmatter to \", _jsx(_components.a, {\n href: \"#control-who-invokes-a-skill\",\n children: \"control whether you or Claude invokes them\"\n }), \", and the ability for Claude to load them automatically when relevant.\"]\n })]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Claude Code skills follow the \", _jsx(_components.a, {\n href: \"https://agentskills.io\",\n children: \"Agent Skills\"\n }), \" open standard, which works across multiple AI tools. Claude Code extends the standard with additional features like \", _jsx(_components.a, {\n href: \"#control-who-invokes-a-skill\",\n children: \"invocation control\"\n }), \", \", _jsx(_components.a, {\n href: \"#run-skills-in-a-subagent\",\n children: \"subagent execution\"\n }), \", and \", _jsx(_components.a, {\n href: \"#inject-dynamic-context\",\n children: \"dynamic context injection\"\n }), \".\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"getting-started\",\n children: \"Getting started\"\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"create-your-first-skill\",\n children: \"Create your first skill\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"This example creates a skill that teaches Claude to explain code using visual diagrams and analogies. Since it uses default frontmatter, Claude can load it automatically when you ask how something works, or you can invoke it directly with \", _jsx(_components.code, {\n children: \"/explain-code\"\n }), \".\"]\n }), \"\\n\", _jsxs(Steps, {\n children: [_jsxs(Step, {\n title: \"Create the skill directory\",\n children: [_jsx(_components.p, {\n children: \"Create a directory for the skill in your personal skills folder. Personal skills are available across all your projects.\"\n }), _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"1\",\n language: \"shellscript\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"shellscript\",\n children: _jsxs(_components.code, {\n language: \"shellscript\",\n numberOfLines: \"1\",\n children: [_jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \"mkdir\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" -p\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" ~/.claude/skills/explain-code\"\n })]\n }), \"\\n\"]\n })\n })\n })]\n }), _jsxs(Step, {\n title: \"Write SKILL.md\",\n children: [_jsxs(_components.p, {\n children: [\"Every skill needs a \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" file with two parts: YAML frontmatter (between \", _jsx(_components.code, {\n children: \"---\"\n }), \" markers) that tells Claude when to use the skill, and markdown content with instructions Claude follows when the skill is invoked. The \", _jsx(_components.code, {\n children: \"name\"\n }), \" field becomes the \", _jsx(_components.code, {\n children: \"/slash-command\"\n }), \", and the \", _jsx(_components.code, {\n children: \"description\"\n }), \" helps Claude decide when to load it automatically.\"]\n }), _jsxs(_components.p, {\n children: [\"Create \", _jsx(_components.code, {\n children: \"~/.claude/skills/explain-code/SKILL.md\"\n }), \":\"]\n }), _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"13\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"13\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"explain-code\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Explains code with visual diagrams and analogies. Use when explaining how code works, teaching about a codebase, or when the user asks \\\"how does this work?\\\"\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"When explaining code, always include\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"1. **Start with an analogy**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Compare the code to something from everyday life\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"2. **Draw a diagram**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Use ASCII art to show the flow, structure, or relationships\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"3. **Walk through the code**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Explain step-by-step what happens\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"4. **Highlight a gotcha**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"What's a common mistake or misconception?\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Keep explanations conversational. For complex concepts, use multiple analogies.\"\n })\n }), \"\\n\"]\n })\n })\n })]\n }), _jsxs(Step, {\n title: \"Test the skill\",\n children: [_jsx(_components.p, {\n children: \"You can test it two ways:\"\n }), _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Let Claude invoke it automatically\"\n }), \" by asking something that matches the description:\"]\n }), _jsx(CodeBlock, {\n numberOfLines: \"2\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"2\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"How does this code work?\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Or invoke it directly\"\n }), \" with the skill name:\"]\n }), _jsx(CodeBlock, {\n numberOfLines: \"2\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"2\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"/explain-code src/auth/login.ts\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), _jsx(_components.p, {\n children: \"Either way, Claude should include an analogy and ASCII diagram in its explanation.\"\n })]\n })]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"where-skills-live\",\n children: \"Where skills live\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Where you store a skill determines who can use it:\"\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Location\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Path\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Applies to\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Enterprise\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"See \", _jsx(_components.a, {\n href: \"/en/permissions#managed-settings\",\n children: \"managed settings\"\n })]\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"All users in your organization\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Personal\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"~/.claude/skills/\u003cskill-name\u003e/SKILL.md\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"All your projects\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Project\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \".claude/skills/\u003cskill-name\u003e/SKILL.md\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"This project only\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Plugin\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"\u003cplugin\u003e/skills/\u003cskill-name\u003e/SKILL.md\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Where plugin is enabled\"\n })]\n })]\n })]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"When skills share the same name across levels, higher-priority locations win: enterprise \u003e personal \u003e project. Plugin skills use a \", _jsx(_components.code, {\n children: \"plugin-name:skill-name\"\n }), \" namespace, so they cannot conflict with other levels. If you have files in \", _jsx(_components.code, {\n children: \".claude/commands/\"\n }), \", those work the same way, but if a skill and a command share the same name, the skill takes precedence.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"4\",\n id: \"automatic-discovery-from-nested-directories\",\n children: \"Automatic discovery from nested directories\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"When you work with files in subdirectories, Claude Code automatically discovers skills from nested \", _jsx(_components.code, {\n children: \".claude/skills/\"\n }), \" directories. For example, if you’re editing a file in \", _jsx(_components.code, {\n children: \"packages/frontend/\"\n }), \", Claude Code also looks for skills in \", _jsx(_components.code, {\n children: \"packages/frontend/.claude/skills/\"\n }), \". This supports monorepo setups where packages have their own skills.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Each skill is a directory with \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" as the entrypoint:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n numberOfLines: \"8\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"8\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"my-skill/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── SKILL.md # Main instructions (required)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── template.md # Template for Claude to fill in\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── examples/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"│ └── sample.md # Example output showing expected format\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"└── scripts/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \" └── validate.sh # Script Claude can execute\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"The \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" contains the main instructions and is required. Other files are optional and let you build more powerful skills: templates for Claude to fill in, example outputs showing the expected format, scripts Claude can execute, or detailed reference documentation. Reference these files from your \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" so Claude knows what they contain and when to load them. See \", _jsx(_components.a, {\n href: \"#add-supporting-files\",\n children: \"Add supporting files\"\n }), \" for more details.\"]\n }), \"\\n\", _jsx(Note, {\n children: _jsxs(_components.p, {\n children: [\"Files in \", _jsx(_components.code, {\n children: \".claude/commands/\"\n }), \" still work and support the same \", _jsx(_components.a, {\n href: \"#frontmatter-reference\",\n children: \"frontmatter\"\n }), \". Skills are recommended since they support additional features like supporting files.\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"4\",\n id: \"skills-from-additional-directories\",\n children: \"Skills from additional directories\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skills defined in \", _jsx(_components.code, {\n children: \".claude/skills/\"\n }), \" within directories added via \", _jsx(_components.code, {\n children: \"--add-dir\"\n }), \" are loaded automatically and picked up by live change detection, so you can edit them during a session without restarting.\"]\n }), \"\\n\", _jsx(Note, {\n children: _jsxs(_components.p, {\n children: [\"CLAUDE.md files from \", _jsx(_components.code, {\n children: \"--add-dir\"\n }), \" directories are not loaded by default. To load them, set \", _jsx(_components.code, {\n children: \"CLAUDE_CODE_ADDITIONAL_DIRECTORIES_CLAUDE_MD=1\"\n }), \". See \", _jsx(_components.a, {\n href: \"/en/memory#load-memory-from-additional-directories\",\n children: \"Load memory from additional directories\"\n }), \".\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"configure-skills\",\n children: \"Configure skills\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skills are configured through YAML frontmatter at the top of \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" and the markdown content that follows.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"types-of-skill-content\",\n children: \"Types of skill content\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Skill files can contain any instructions, but thinking about how you want to invoke them helps guide what to include:\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Reference content\"\n }), \" adds knowledge Claude applies to your current work. Conventions, patterns, style guides, domain knowledge. This content runs inline so Claude can use it alongside your conversation context.\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"9\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"9\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"api-conventions\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"API design patterns for this codebase\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"When writing API endpoints\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Use RESTful naming conventions\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Return consistent error formats\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Include request validation\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Task content\"\n }), \" gives Claude step-by-step instructions for a specific action, like deployments, commits, or code generation. These are often actions you want to invoke directly with \", _jsx(_components.code, {\n children: \"/skill-name\"\n }), \" rather than letting Claude decide when to run them. Add \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" to prevent Claude from triggering it automatically.\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"11\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"11\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"deploy\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Deploy the application to production\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"context\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fork\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"disable-model-invocation\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"true\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Deploy the application\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"1. Run the test suite\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"2. Build the application\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"3. Push to the deployment target\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Your \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" can contain anything, but thinking through how you want the skill invoked (by you, by Claude, or both) and where you want it to run (inline or in a subagent) helps guide what to include. For complex skills, you can also \", _jsx(_components.a, {\n href: \"#add-supporting-files\",\n children: \"add supporting files\"\n }), \" to keep the main skill focused.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"frontmatter-reference\",\n children: \"Frontmatter reference\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Beyond the markdown content, you can configure skill behavior using YAML frontmatter fields between \", _jsx(_components.code, {\n children: \"---\"\n }), \" markers at the top of your \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" file:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"8\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"8\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"my-skill\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"What this skill does\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"disable-model-invocation\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"true\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"allowed-tools\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Read, Grep\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Your skill instructions here...\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"All fields are optional. Only \", _jsx(_components.code, {\n children: \"description\"\n }), \" is recommended so Claude knows when to use the skill.\"]\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Field\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Required\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"name\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Display name for the skill. If omitted, uses the directory name. Lowercase letters, numbers, and hyphens only (max 64 characters).\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"description\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Recommended\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"What the skill does and when to use it. Claude uses this to decide when to apply the skill. If omitted, uses the first paragraph of markdown content.\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"argument-hint\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Hint shown during autocomplete to indicate expected arguments. Example: \", _jsx(_components.code, {\n children: \"[issue-number]\"\n }), \" or \", _jsx(_components.code, {\n children: \"[filename] [format]\"\n }), \".\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"disable-model-invocation\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Set to \", _jsx(_components.code, {\n children: \"true\"\n }), \" to prevent Claude from automatically loading this skill. Use for workflows you want to trigger manually with \", _jsx(_components.code, {\n children: \"/name\"\n }), \". Default: \", _jsx(_components.code, {\n children: \"false\"\n }), \".\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"user-invocable\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Set to \", _jsx(_components.code, {\n children: \"false\"\n }), \" to hide from the \", _jsx(_components.code, {\n children: \"/\"\n }), \" menu. Use for background knowledge users shouldn’t invoke directly. Default: \", _jsx(_components.code, {\n children: \"true\"\n }), \".\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"allowed-tools\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Tools Claude can use without asking permission when this skill is active.\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"model\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Model to use when this skill is active.\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"context\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Set to \", _jsx(_components.code, {\n children: \"fork\"\n }), \" to run in a forked subagent context.\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"agent\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Which subagent type to use when \", _jsx(_components.code, {\n children: \"context: fork\"\n }), \" is set.\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"hooks\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Hooks scoped to this skill’s lifecycle. See \", _jsx(_components.a, {\n href: \"/en/hooks#hooks-in-skills-and-agents\",\n children: \"Hooks in skills and agents\"\n }), \" for configuration format.\"]\n })]\n })]\n })]\n }), \"\\n\", _jsx(Heading, {\n level: \"4\",\n id: \"available-string-substitutions\",\n children: \"Available string substitutions\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Skills support string substitution for dynamic values in the skill content:\"\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Variable\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n })\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"All arguments passed when invoking the skill. If \", _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n }), \" is not present in the content, arguments are appended as \", _jsx(_components.code, {\n children: \"ARGUMENTS: \u003cvalue\u003e\"\n }), \".\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"$ARGUMENTS[N]\"\n })\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Access a specific argument by 0-based index, such as \", _jsx(_components.code, {\n children: \"$ARGUMENTS[0]\"\n }), \" for the first argument.\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"$N\"\n })\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Shorthand for \", _jsx(_components.code, {\n children: \"$ARGUMENTS[N]\"\n }), \", such as \", _jsx(_components.code, {\n children: \"$0\"\n }), \" for the first argument or \", _jsx(_components.code, {\n children: \"$1\"\n }), \" for the second.\"]\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"${CLAUDE_SESSION_ID}\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"The current session ID. Useful for logging, creating session-specific files, or correlating skill output with sessions.\"\n })]\n })]\n })]\n }), \"\\n\", _jsx(_components.p, {\n children: _jsx(_components.strong, {\n children: \"Example using substitutions:\"\n })\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"8\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"8\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"session-logger\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Log activity for this session\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Log the following to logs/${CLAUDE_SESSION_ID}.log\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"$ARGUMENTS\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"add-supporting-files\",\n children: \"Add supporting files\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skills can include multiple files in their directory. This keeps \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" focused on the essentials while letting Claude access detailed reference material only when needed. Large reference docs, API specifications, or example collections don’t need to load into context every time the skill runs.\"]\n }), \"\\n\", _jsx(CodeBlock, {\n numberOfLines: \"7\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"7\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"my-skill/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── SKILL.md (required - overview and navigation)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── reference.md (detailed API docs - loaded when needed)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"├── examples.md (usage examples - loaded when needed)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"└── scripts/\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \" └── helper.py (utility script - executed, not loaded)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Reference supporting files from \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" so Claude knows what each file contains and when to load it:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"4\",\n language: \"markdown\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"markdown\",\n children: _jsxs(_components.code, {\n language: \"markdown\",\n numberOfLines: \"4\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-light-font-weight\": \"bold\",\n \"--shiki-dark\": \"#569CD6\",\n \"--shiki-dark-font-weight\": \"bold\"\n },\n children: \"## Additional resources\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#6796E6\"\n },\n children: \"-\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" For complete API details, see [\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"reference.md\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"](\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-light-text-decoration\": \"underline\",\n \"--shiki-dark\": \"#D4D4D4\",\n \"--shiki-dark-text-decoration\": \"underline\"\n },\n children: \"reference.md\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#6796E6\"\n },\n children: \"-\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" For usage examples, see [\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"examples.md\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"](\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-light-text-decoration\": \"underline\",\n \"--shiki-dark\": \"#D4D4D4\",\n \"--shiki-dark-text-decoration\": \"underline\"\n },\n children: \"examples.md\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(Tip, {\n children: [\"Keep \", _jsx(_components.code, {\n children: \"SKILL.md\"\n }), \" under 500 lines. Move detailed reference material to separate files.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"control-who-invokes-a-skill\",\n children: \"Control who invokes a skill\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"By default, both you and Claude can invoke any skill. You can type \", _jsx(_components.code, {\n children: \"/skill-name\"\n }), \" to invoke it directly, and Claude can load it automatically when relevant to your conversation. Two frontmatter fields let you restrict this:\"]\n }), \"\\n\", _jsxs(_components.ul, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [\"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n })\n }), \": Only you can invoke the skill. Use this for workflows with side effects or that you want to control timing, like \", _jsx(_components.code, {\n children: \"/commit\"\n }), \", \", _jsx(_components.code, {\n children: \"/deploy\"\n }), \", or \", _jsx(_components.code, {\n children: \"/send-slack-message\"\n }), \". You don’t want Claude deciding to deploy because your code looks ready.\"]\n }), \"\\n\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.code, {\n children: \"user-invocable: false\"\n })\n }), \": Only Claude can invoke the skill. Use this for background knowledge that isn’t actionable as a command. A \", _jsx(_components.code, {\n children: \"legacy-system-context\"\n }), \" skill explains how an old system works. Claude should know this when relevant, but \", _jsx(_components.code, {\n children: \"/legacy-system-context\"\n }), \" isn’t a meaningful action for users to take.\"]\n }), \"\\n\"]\n }), \"\\n\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"This example creates a deploy skill that only you can trigger. The \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" field prevents Claude from running it automatically:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"12\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"12\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"deploy\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Deploy the application to production\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"disable-model-invocation\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"true\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Deploy $ARGUMENTS to production\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"1. Run the test suite\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"2. Build the application\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"3. Push to the deployment target\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"4. Verify the deployment succeeded\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(_components.p, {\n children: \"Here’s how the two fields affect invocation and context loading:\"\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Frontmatter\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"You can invoke\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Claude can invoke\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"When loaded into context\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"(default)\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Yes\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Yes\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description always in context, full skill loads when invoked\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Yes\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description not in context, full skill loads when you invoke\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: _jsx(_components.code, {\n children: \"user-invocable: false\"\n })\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"No\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Yes\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Description always in context, full skill loads when invoked\"\n })]\n })]\n })]\n }), \"\\n\", _jsx(Note, {\n children: _jsxs(_components.p, {\n children: [\"In a regular session, skill descriptions are loaded into context so Claude knows what’s available, but full skill content only loads when invoked. \", _jsx(_components.a, {\n href: \"/en/sub-agents#preload-skills-into-subagents\",\n children: \"Subagents with preloaded skills\"\n }), \" work differently: the full skill content is injected at startup.\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"restrict-tool-access\",\n children: \"Restrict tool access\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Use the \", _jsx(_components.code, {\n children: \"allowed-tools\"\n }), \" field to limit which tools Claude can use when a skill is active. This skill creates a read-only mode where Claude can explore files but not modify them:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"5\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"5\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"safe-reader\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Read files without making changes\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"allowed-tools\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Read, Grep, Glob\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"pass-arguments-to-skills\",\n children: \"Pass arguments to skills\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Both you and Claude can pass arguments when invoking a skill. Arguments are available via the \", _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n }), \" placeholder.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"This skill fixes a GitHub issue by number. The \", _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n }), \" placeholder gets replaced with whatever follows the skill name:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"13\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"13\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fix-issue\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Fix a GitHub issue\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"disable-model-invocation\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"true\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Fix GitHub issue $ARGUMENTS following our coding standards.\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"1. Read the issue description\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"2. Understand the requirements\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"3. Implement the fix\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"4. Write tests\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"5. Create a commit\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"When you run \", _jsx(_components.code, {\n children: \"/fix-issue 123\"\n }), \", Claude receives “Fix GitHub issue 123 following our coding standards…”\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"If you invoke a skill with arguments but the skill doesn’t include \", _jsx(_components.code, {\n children: \"$ARGUMENTS\"\n }), \", Claude Code appends \", _jsx(_components.code, {\n children: \"ARGUMENTS: \u003cyour input\u003e\"\n }), \" to the end of the skill content so Claude still sees what you typed.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"To access individual arguments by position, use \", _jsx(_components.code, {\n children: \"$ARGUMENTS[N]\"\n }), \" or the shorter \", _jsx(_components.code, {\n children: \"$N\"\n }), \":\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"7\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"7\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"migrate-component\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Migrate a component from one framework to another\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Migrate the $ARGUMENTS[0] component from $ARGUMENTS[1] to $ARGUMENTS[2].\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Preserve all existing behavior and tests.\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Running \", _jsx(_components.code, {\n children: \"/migrate-component SearchBar React Vue\"\n }), \" replaces \", _jsx(_components.code, {\n children: \"$ARGUMENTS[0]\"\n }), \" with \", _jsx(_components.code, {\n children: \"SearchBar\"\n }), \", \", _jsx(_components.code, {\n children: \"$ARGUMENTS[1]\"\n }), \" with \", _jsx(_components.code, {\n children: \"React\"\n }), \", and \", _jsx(_components.code, {\n children: \"$ARGUMENTS[2]\"\n }), \" with \", _jsx(_components.code, {\n children: \"Vue\"\n }), \". The same skill using the \", _jsx(_components.code, {\n children: \"$N\"\n }), \" shorthand:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"7\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"7\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"migrate-component\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Migrate a component from one framework to another\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Migrate the $0 component from $1 to $2.\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Preserve all existing behavior and tests.\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"advanced-patterns\",\n children: \"Advanced patterns\"\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"inject-dynamic-context\",\n children: \"Inject dynamic context\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"The \", _jsx(_components.code, {\n children: \"!\"\n }), \"command“ syntax runs shell commands before the skill content is sent to Claude. The command output replaces the placeholder, so Claude receives actual data, not the command itself.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"This skill summarizes a pull request by fetching live PR data with the GitHub CLI. The \", _jsx(_components.code, {\n children: \"!\"\n }), \"gh pr diff“ and other commands run first, and their output gets inserted into the prompt:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"15\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"15\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"pr-summary\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Summarize changes in a pull request\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"context\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fork\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"agent\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Explore\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"allowed-tools\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Bash(gh *)\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"## Pull request context\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"PR diff\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#82071E\",\n \"--shiki-light-font-style\": \"italic\",\n \"--shiki-dark\": \"#F44747\",\n \"--shiki-dark-font-style\": \"inherit\"\n },\n children: \"!`gh\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" pr diff`\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"PR comments\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#82071E\",\n \"--shiki-light-font-style\": \"italic\",\n \"--shiki-dark\": \"#F44747\",\n \"--shiki-dark-font-style\": \"inherit\"\n },\n children: \"!`gh\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" pr view --comments`\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Changed files\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#82071E\",\n \"--shiki-light-font-style\": \"italic\",\n \"--shiki-dark\": \"#F44747\",\n \"--shiki-dark-font-style\": \"inherit\"\n },\n children: \"!`gh\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" pr diff --name-only`\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"## Your task\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Summarize this pull request...\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(_components.p, {\n children: \"When this skill runs:\"\n }), \"\\n\", _jsxs(_components.ol, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [\"Each \", _jsx(_components.code, {\n children: \"!\"\n }), \"command“ executes immediately (before Claude sees anything)\"]\n }), \"\\n\", _jsx(_components.li, {\n children: \"The output replaces the placeholder in the skill content\"\n }), \"\\n\", _jsx(_components.li, {\n children: \"Claude receives the fully-rendered prompt with actual PR data\"\n }), \"\\n\"]\n }), \"\\n\", _jsx(_components.p, {\n children: \"This is preprocessing, not something Claude executes. Claude only sees the final result.\"\n }), \"\\n\", _jsx(Tip, {\n children: _jsxs(_components.p, {\n children: [\"To enable \", _jsx(_components.a, {\n href: \"/en/common-workflows#use-extended-thinking-thinking-mode\",\n children: \"extended thinking\"\n }), \" in a skill, include the word “ultrathink” anywhere in your skill content.\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"run-skills-in-a-subagent\",\n children: \"Run skills in a subagent\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Add \", _jsx(_components.code, {\n children: \"context: fork\"\n }), \" to your frontmatter when you want a skill to run in isolation. The skill content becomes the prompt that drives the subagent. It won’t have access to your conversation history.\"]\n }), \"\\n\", _jsx(Warning, {\n children: _jsxs(_components.p, {\n children: [_jsx(_components.code, {\n children: \"context: fork\"\n }), \" only makes sense for skills with explicit instructions. If your skill contains guidelines like “use these API conventions” without a task, the subagent receives the guidelines but no actionable prompt, and returns without meaningful output.\"]\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skills and \", _jsx(_components.a, {\n href: \"/en/sub-agents\",\n children: \"subagents\"\n }), \" work together in two directions:\"]\n }), \"\\n\", _jsxs(Table, {\n children: [_jsx(_components.thead, {\n children: _jsxs(_components.tr, {\n children: [_jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Approach\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"System prompt\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Task\"\n }), _jsx(_components.th, {\n style: {\n textAlign: \"left\"\n },\n children: \"Also loads\"\n })]\n })\n }), _jsxs(_components.tbody, {\n children: [_jsxs(_components.tr, {\n children: [_jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Skill with \", _jsx(_components.code, {\n children: \"context: fork\"\n })]\n }), _jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"From agent type (\", _jsx(_components.code, {\n children: \"Explore\"\n }), \", \", _jsx(_components.code, {\n children: \"Plan\"\n }), \", etc.)\"]\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"SKILL.md content\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"CLAUDE.md\"\n })]\n }), _jsxs(_components.tr, {\n children: [_jsxs(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: [\"Subagent with \", _jsx(_components.code, {\n children: \"skills\"\n }), \" field\"]\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Subagent’s markdown body\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Claude’s delegation message\"\n }), _jsx(_components.td, {\n style: {\n textAlign: \"left\"\n },\n children: \"Preloaded skills + CLAUDE.md\"\n })]\n })]\n })]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"With \", _jsx(_components.code, {\n children: \"context: fork\"\n }), \", you write the task in your skill and pick an agent type to execute it. For the inverse (defining a custom subagent that uses skills as reference material), see \", _jsx(_components.a, {\n href: \"/en/sub-agents#preload-skills-into-subagents\",\n children: \"Subagents\"\n }), \".\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"4\",\n id: \"example%3A-research-skill-using-explore-agent\",\n children: \"Example: Research skill using Explore agent\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"This skill runs research in a forked Explore agent. The skill content becomes the task, and the agent provides read-only tools optimized for codebase exploration:\"\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"12\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"12\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"deep-research\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Research a topic thoroughly\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"context\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fork\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"agent\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Explore\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Research $ARGUMENTS thoroughly\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"1. Find relevant files using Glob and Grep\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"2. Read and analyze the code\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"3. Summarize findings with specific file references\"\n })\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsx(_components.p, {\n children: \"When this skill runs:\"\n }), \"\\n\", _jsxs(_components.ol, {\n children: [\"\\n\", _jsx(_components.li, {\n children: \"A new isolated context is created\"\n }), \"\\n\", _jsx(_components.li, {\n children: \"The subagent receives the skill content as its prompt (“Research $ARGUMENTS thoroughly…”)\"\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"The \", _jsx(_components.code, {\n children: \"agent\"\n }), \" field determines the execution environment (model, tools, and permissions)\"]\n }), \"\\n\", _jsx(_components.li, {\n children: \"Results are summarized and returned to your main conversation\"\n }), \"\\n\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"The \", _jsx(_components.code, {\n children: \"agent\"\n }), \" field specifies which subagent configuration to use. Options include built-in agents (\", _jsx(_components.code, {\n children: \"Explore\"\n }), \", \", _jsx(_components.code, {\n children: \"Plan\"\n }), \", \", _jsx(_components.code, {\n children: \"general-purpose\"\n }), \") or any custom subagent from \", _jsx(_components.code, {\n children: \".claude/agents/\"\n }), \". If omitted, uses \", _jsx(_components.code, {\n children: \"general-purpose\"\n }), \".\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"restrict-claude%E2%80%99s-skill-access\",\n children: \"Restrict Claude’s skill access\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"By default, Claude can invoke any skill that doesn’t have \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" set. Skills that define \", _jsx(_components.code, {\n children: \"allowed-tools\"\n }), \" grant Claude access to those tools without per-use approval when the skill is active. Your \", _jsx(_components.a, {\n href: \"/en/permissions\",\n children: \"permission settings\"\n }), \" still govern baseline approval behavior for all other tools. Built-in commands like \", _jsx(_components.code, {\n children: \"/compact\"\n }), \" and \", _jsx(_components.code, {\n children: \"/init\"\n }), \" are not available through the Skill tool.\"]\n }), \"\\n\", _jsx(_components.p, {\n children: \"Three ways to control which skills Claude can invoke:\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Disable all skills\"\n }), \" by denying the Skill tool in \", _jsx(_components.code, {\n children: \"/permissions\"\n }), \":\"]\n }), \"\\n\", _jsx(CodeBlock, {\n numberOfLines: \"3\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"3\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"# Add to deny rules:\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"Skill\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Allow or deny specific skills\"\n }), \" using \", _jsx(_components.a, {\n href: \"/en/permissions\",\n children: \"permission rules\"\n }), \":\"]\n }), \"\\n\", _jsx(CodeBlock, {\n numberOfLines: \"7\",\n language: \"text\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"text\",\n children: _jsxs(_components.code, {\n language: \"text\",\n numberOfLines: \"7\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"# Allow only specific skills\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"Skill(commit)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"Skill(review-pr *)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"# Deny specific skills\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n children: \"Skill(deploy *)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {})\n })]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Permission syntax: \", _jsx(_components.code, {\n children: \"Skill(name)\"\n }), \" for exact match, \", _jsx(_components.code, {\n children: \"Skill(name *)\"\n }), \" for prefix match with any arguments.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [_jsx(_components.strong, {\n children: \"Hide individual skills\"\n }), \" by adding \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" to their frontmatter. This removes the skill from Claude’s context entirely.\"]\n }), \"\\n\", _jsx(Note, {\n children: _jsxs(_components.p, {\n children: [\"The \", _jsx(_components.code, {\n children: \"user-invocable\"\n }), \" field only controls menu visibility, not Skill tool access. Use \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" to block programmatic invocation.\"]\n })\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"share-skills\",\n children: \"Share skills\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Skills can be distributed at different scopes depending on your audience:\"\n }), \"\\n\", _jsxs(_components.ul, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: \"Project skills\"\n }), \": Commit \", _jsx(_components.code, {\n children: \".claude/skills/\"\n }), \" to version control\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: \"Plugins\"\n }), \": Create a \", _jsx(_components.code, {\n children: \"skills/\"\n }), \" directory in your \", _jsx(_components.a, {\n href: \"/en/plugins\",\n children: \"plugin\"\n })]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: \"Managed\"\n }), \": Deploy organization-wide through \", _jsx(_components.a, {\n href: \"/en/permissions#managed-settings\",\n children: \"managed settings\"\n })]\n }), \"\\n\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"generate-visual-output\",\n children: \"Generate visual output\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Skills can bundle and run scripts in any language, giving Claude capabilities beyond what’s possible in a single prompt. One powerful pattern is generating visual output: interactive HTML files that open in your browser for exploring data, debugging, or creating reports.\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"This example creates a codebase explorer: an interactive tree view where you can expand and collapse directories, see file sizes at a glance, and identify file types by color.\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Create the Skill directory:\"\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"1\",\n language: \"shellscript\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"shellscript\",\n children: _jsxs(_components.code, {\n language: \"shellscript\",\n numberOfLines: \"1\",\n children: [_jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \"mkdir\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" -p\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" ~/.claude/skills/codebase-visualizer/scripts\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Create \", _jsx(_components.code, {\n children: \"~/.claude/skills/codebase-visualizer/SKILL.md\"\n }), \". The description tells Claude when to activate this Skill, and the instructions tell Claude to run the bundled script:\"]\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n numberOfLines: \"26\",\n language: \"yaml\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"yaml\",\n children: _jsxs(_components.code, {\n language: \"yaml\",\n numberOfLines: \"26\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"codebase-visualizer\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"description\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Generate an interactive collapsible tree visualization of your codebase. Use when exploring a new repo, understanding project structure, or identifying large files.\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"allowed-tools\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Bash(python *)\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"---\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"# Codebase Visualizer\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Generate an interactive HTML tree view that shows your project's file structure with collapsible directories.\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"## Usage\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"Run the visualization script from your project root\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"```\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"bash\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"python ~/.claude/skills/codebase-visualizer/scripts/visualize.py .\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"```\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"This creates `codebase-map.html` in the current directory and opens it in your default browser.\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"## What the visualization shows\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"*Collapsible\"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" directories**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Click folders to expand/collapse\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"*File\"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" sizes**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Displayed next to each file\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"*Colors**:\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" Different colors for different file types\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"- \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"*Directory\"\n }), _jsx(_components.span, {\n style: {\n color: \"#116329\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" totals**\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"Shows aggregate size of each folder\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Create \", _jsx(_components.code, {\n children: \"~/.claude/skills/codebase-visualizer/scripts/visualize.py\"\n }), \". This script scans a directory tree and generates a self-contained HTML file with:\"]\n }), \"\\n\", _jsxs(_components.ul, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [\"A \", _jsx(_components.strong, {\n children: \"summary sidebar\"\n }), \" showing file count, directory count, total size, and number of file types\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"A \", _jsx(_components.strong, {\n children: \"bar chart\"\n }), \" breaking down the codebase by file type (top 8 by size)\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"A \", _jsx(_components.strong, {\n children: \"collapsible tree\"\n }), \" where you can expand and collapse directories, with color-coded file type indicators\"]\n }), \"\\n\"]\n }), \"\\n\", _jsx(_components.p, {\n children: \"The script requires Python but uses only built-in libraries, so there are no packages to install:\"\n }), \"\\n\", _jsx(CodeBlock, {\n filename: \"\",\n expandable: \"true\",\n numberOfLines: \"131\",\n language: \"python\",\n children: _jsx(_components.pre, {\n className: \"shiki shiki-themes github-light-default dark-plus\",\n style: {\n backgroundColor: \"#ffffff\",\n \"--shiki-dark-bg\": \"#0B0C0E\",\n color: \"#1f2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n language: \"python\",\n children: _jsxs(_components.code, {\n language: \"python\",\n numberOfLines: \"131\",\n children: [_jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#6E7781\",\n \"--shiki-dark\": \"#6A9955\"\n },\n children: \"#!/usr/bin/env python3\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\\\"\\\"Generate an interactive collapsible tree visualization of a codebase.\\\"\\\"\\\"\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" json\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" sys\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" webbrowser\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"from\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" pathlib \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" Path\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"from\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" collections \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" Counter\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"IGNORE\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" =\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.git'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'node_modules'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'__pycache__'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.venv'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'venv'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'dist'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'build'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"}\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"def\"\n }), _jsx(_components.span, {\n style: {\n color: \"#8250DF\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" scan\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"path\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": Path, \"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"stats\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \"dict\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \") -\u003e \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \"dict\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"name\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": path.name, \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"children\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": [], \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"0\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" try\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" for\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"in\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" sorted\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(path.iterdir()):\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.name \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"in\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" IGNORE\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" or\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.name.startswith(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"):\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" continue\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.is_file():\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" size \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.stat().st_size\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" ext \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.suffix.lower() \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"or\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '(no ext)'\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"children\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"].append({\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"name\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": item.name, \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": size, \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"ext\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": ext})\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" size\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"files\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"extensions\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"][ext] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"ext_sizes\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"][ext] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" size\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" elif\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" item.is_dir():\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"dirs\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" child \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" scan(item, stats)\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" child[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"children\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]:\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"children\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"].append(child)\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"+=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" child[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" except\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \" PermissionError\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" pass\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" return\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" result\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"def\"\n }), _jsx(_components.span, {\n style: {\n color: \"#8250DF\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" generate_html\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"data\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \"dict\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"stats\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#4EC9B0\"\n },\n children: \"dict\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"output\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": Path) -\u003e \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"None\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" ext_sizes \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"ext_sizes\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" total_size \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" sum\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(ext_sizes.values()) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"or\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" sorted_exts \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" sorted\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(ext_sizes.items(), \"\n }), _jsx(_components.span, {\n style: {\n color: \"#953800\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"key\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"lambda\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \" x\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"-\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"x[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"1\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"])[:\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"8\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" colors \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" {\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.js'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#f7df1e'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.ts'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#3178c6'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.py'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#3776ab'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.go'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#00add8'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \",\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.rs'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#dea584'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.rb'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#cc342d'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.css'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#264de4'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.html'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#e34c26'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \",\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.json'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#6b7280'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.md'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#083fa1'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.yaml'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#cb171e'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.yml'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#cb171e'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \",\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.mdx'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#083fa1'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.tsx'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#3178c6'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.jsx'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#61dafb'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'.sh'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'#4eaa25'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \",\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" }\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" lang_bars \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \\\"\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \".join(\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\u003cdiv class=\\\"bar-row\\\"\u003e\u003cspan class=\\\"bar-label\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"ext\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e'\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\u003cdiv class=\\\"bar\\\" style=\\\"width:\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(size\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"/\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"total_size)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"100\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"%;background:\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"colors.get(ext,\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"#6b7280\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\u003e\u003c/div\u003e'\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\u003cspan class=\\\"bar-pct\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(size\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"/\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"total_size)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"*\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"100\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":.1f}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"%\u003c/span\u003e\u003c/div\u003e'\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" for\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" ext, size \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"in\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" sorted_exts\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" )\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" def\"\n }), _jsx(_components.span, {\n style: {\n color: \"#8250DF\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" fmt\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \"b\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"):\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" b \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"\u003c\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1024\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"return\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"b\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" B\\\"\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" b \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"\u003c\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1048576\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"return\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"b\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"/\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"1024\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":.1f}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" KB\\\"\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" return\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"b\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"/\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"1048576\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":.1f}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" MB\\\"\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" html \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'''\u003c!DOCTYPE html\u003e\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003chtml\u003e\u003chead\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cmeta charset=\\\"utf-8\\\"\u003e\u003ctitle\u003eCodebase Explorer\u003c/title\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cstyle\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" body \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" font: 14px/1.5 system-ui, sans-serif; margin: 0; background: #1a1a2e; color: #eee; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .container \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" display: flex; height: 100vh; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .sidebar \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" width: 280px; background: #252542; padding: 20px; border-right: 1px solid #3d3d5c; overflow-y: auto; flex-shrink: 0; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .main \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" flex: 1; padding: 20px; overflow-y: auto; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" h1 \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" margin: 0 0 10px 0; font-size: 18px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" h2 \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" margin: 20px 0 10px 0; font-size: 14px; color: #888; text-transform: uppercase; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .stat \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #3d3d5c; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .stat-value \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" font-weight: bold; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .bar-row \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" display: flex; align-items: center; margin: 6px 0; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .bar-label \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" width: 55px; font-size: 12px; color: #aaa; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .bar \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" height: 18px; border-radius: 3px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .bar-pct \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" margin-left: 8px; font-size: 12px; color: #666; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .tree \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" list-style: none; padding-left: 20px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" details \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" cursor: pointer; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" summary \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" padding: 4px 8px; border-radius: 4px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" summary:hover \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" background: #2d2d44; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .folder \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" color: #ffd700; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .file \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" display: flex; align-items: center; padding: 4px 8px; border-radius: 4px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .file:hover \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" background: #2d2d44; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .size \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" color: #888; margin-left: auto; font-size: 12px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" .dot \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" width: 8px; height: 8px; border-radius: 50%; margin-right: 8px; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/style\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/head\u003e\u003cbody\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"container\\\"\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"sidebar\\\"\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003ch1\u003e📊 Summary\u003c/h1\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"stat\\\"\u003e\u003cspan\u003eFiles\u003c/span\u003e\u003cspan class=\\\"stat-value\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"files\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":,}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/div\u003e\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"stat\\\"\u003e\u003cspan\u003eDirectories\u003c/span\u003e\u003cspan class=\\\"stat-value\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"dirs\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \":,}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/div\u003e\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"stat\\\"\u003e\u003cspan\u003eTotal size\u003c/span\u003e\u003cspan class=\\\"stat-value\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"fmt(data[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"size\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"])\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/div\u003e\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"stat\\\"\u003e\u003cspan\u003eFile types\u003c/span\u003e\u003cspan class=\\\"stat-value\\\"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \"len\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(stats[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"extensions\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"])\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/div\u003e\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003ch2\u003eBy file type\u003c/h2\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"lang_bars\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/div\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cdiv class=\\\"main\\\"\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003ch1\u003e📁 \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"data[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"name\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"]\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/h1\u003e\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cul class=\\\"tree\\\" id=\\\"root\\\"\u003e\u003c/ul\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/div\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/div\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003cscript\u003e\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const data = \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"json.dumps(data)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \";\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const colors = \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"json.dumps(colors)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \";\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" function fmt(b) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" if (b \u003c 1024) return b + ' B'; if (b \u003c 1048576) return (b/1024).toFixed(1) + ' KB'; return (b/1048576).toFixed(1) + ' MB'; \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" function render(node, parent) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" if (node.children) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const det = document.createElement('details');\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" det.open = parent === document.getElementById('root');\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" det.innerHTML = `\u003csummary\u003e\u003cspan class=\\\"folder\\\"\u003e📁 $\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"node.name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003cspan class=\\\"size\\\"\u003e$\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fmt(node.size)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e\u003c/summary\u003e`;\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const ul = document.createElement('ul'); ul.className = 'tree';\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" node.children.sort((a,b) =\u003e (b.children?1:0)-(a.children?1:0) || a.name.localeCompare(b.name));\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" node.children.forEach(c =\u003e render(c, ul));\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" det.appendChild(ul);\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const li = document.createElement('li'); li.appendChild(det); parent.appendChild(li);\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \" }}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" else \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" const li = document.createElement('li'); li.className = 'file';\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" li.innerHTML = `\u003cspan class=\\\"dot\\\" style=\\\"background:$\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"colors[node.ext]||'#6b7280'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"\u003e\u003c/span\u003e$\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"node.name\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003cspan class=\\\"size\\\"\u003e$\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"{{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"fmt(node.size)\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \"}}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/span\u003e`;\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" parent.appendChild(li);\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \" }}\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D7BA7D\"\n },\n children: \" }}\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" data.children.forEach(c =\u003e render(c, document.getElementById('root')));\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" \u003c/script\u003e\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\u003c/body\u003e\u003c/html\u003e'''\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" output.write_text(html)\"\n })\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\"\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#9CDCFE\"\n },\n children: \" __name__\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" ==\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '__main__'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \":\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" target \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" Path(sys.argv[\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"1\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"] \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \"if\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" len\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(sys.argv) \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"\u003e\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \" 1\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#C586C0\"\n },\n children: \" else\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \" '.'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \").resolve()\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" stats \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"files\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"0\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"dirs\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#B5CEA8\"\n },\n children: \"0\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \", \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"extensions\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": Counter(), \"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"\\\"ext_sizes\\\"\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \": Counter()}\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" data \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" scan(target, stats)\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" out \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" Path(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'codebase-map.html'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n className: \"line\",\n children: _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" generate_html(data, stats, out)\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#0550AE\",\n \"--shiki-dark\": \"#DCDCAA\"\n },\n children: \" print\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'Generated \"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"out.absolute()\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n className: \"line\",\n children: [_jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \" webbrowser.open(\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"f\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'file://\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \"out.absolute()\"\n }), _jsx(_components.span, {\n style: {\n color: \"#CF222E\",\n \"--shiki-dark\": \"#569CD6\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n color: \"#0A3069\",\n \"--shiki-dark\": \"#CE9178\"\n },\n children: \"'\"\n }), _jsx(_components.span, {\n style: {\n color: \"#1F2328\",\n \"--shiki-dark\": \"#D4D4D4\"\n },\n children: \")\"\n })]\n }), \"\\n\"]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"To test, open Claude Code in any project and ask “Visualize this codebase.” Claude runs the script, generates \", _jsx(_components.code, {\n children: \"codebase-map.html\"\n }), \", and opens it in your browser.\"]\n }), \"\\n\", _jsx(_components.p, {\n children: \"This pattern works for any visual output: dependency graphs, test coverage reports, API documentation, or database schema visualizations. The bundled script does the heavy lifting while Claude handles orchestration.\"\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"troubleshooting\",\n children: \"Troubleshooting\"\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"skill-not-triggering\",\n children: \"Skill not triggering\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"If Claude doesn’t use your skill when expected:\"\n }), \"\\n\", _jsxs(_components.ol, {\n children: [\"\\n\", _jsx(_components.li, {\n children: \"Check the description includes keywords users would naturally say\"\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"Verify the skill appears in \", _jsx(_components.code, {\n children: \"What skills are available?\"\n })]\n }), \"\\n\", _jsx(_components.li, {\n children: \"Try rephrasing your request to match the description more closely\"\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"Invoke it directly with \", _jsx(_components.code, {\n children: \"/skill-name\"\n }), \" if the skill is user-invocable\"]\n }), \"\\n\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"skill-triggers-too-often\",\n children: \"Skill triggers too often\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"If Claude uses your skill when you don’t want it:\"\n }), \"\\n\", _jsxs(_components.ol, {\n children: [\"\\n\", _jsx(_components.li, {\n children: \"Make the description more specific\"\n }), \"\\n\", _jsxs(_components.li, {\n children: [\"Add \", _jsx(_components.code, {\n children: \"disable-model-invocation: true\"\n }), \" if you only want manual invocation\"]\n }), \"\\n\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"3\",\n id: \"claude-doesn%E2%80%99t-see-all-my-skills\",\n children: \"Claude doesn’t see all my skills\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Skill descriptions are loaded into context so Claude knows what’s available. If you have many skills, they may exceed the character budget. The budget scales dynamically at 2% of the context window, with a fallback of 16,000 characters. Run \", _jsx(_components.code, {\n children: \"/context\"\n }), \" to check for a warning about excluded skills.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"To override the limit, set the \", _jsx(_components.code, {\n children: \"SLASH_COMMAND_TOOL_CHAR_BUDGET\"\n }), \" environment variable.\"]\n }), \"\\n\", _jsx(Heading, {\n level: \"2\",\n id: \"related-resources\",\n children: \"Related resources\"\n }), \"\\n\", _jsxs(_components.ul, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/sub-agents\",\n children: \"Subagents\"\n })\n }), \": delegate tasks to specialized agents\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/plugins\",\n children: \"Plugins\"\n })\n }), \": package and distribute skills with other extensions\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/hooks\",\n children: \"Hooks\"\n })\n }), \": automate workflows around tool events\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/memory\",\n children: \"Memory\"\n })\n }), \": manage CLAUDE.md files for persistent context\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/interactive-mode#built-in-commands\",\n children: \"Interactive mode\"\n })\n }), \": built-in commands and shortcuts\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: _jsx(_components.a, {\n href: \"/en/permissions\",\n children: \"Permissions\"\n })\n }), \": control tool and skill access\"]\n }), \"\\n\"]\n })]\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n"])</script><script>self.__next_f.push([1,"4c:[\"$\",\"$L51\",null,{\"slug\":\"en/skills\",\"pageMetadata\":\"$1a:props:children:props:value:pageMetadata\",\"theme\":\"mint\",\"children\":[\"$\",\"$L52\",null,{\"mdxSource\":{\"compiledSource\":\"$53\",\"frontmatter\":{},\"scope\":{\"config\":{},\"pageMetadata\":{\"title\":\"Extend Claude with skills\",\"description\":\"Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands.\",\"href\":\"/en/skills\"}}},\"mdxSourceWithNoJs\":{\"compiledSource\":\"$54\",\"frontmatter\":{},\"scope\":{\"config\":{},\"pageMetadata\":{\"title\":\"Extend Claude with skills\",\"description\":\"Create, manage, and share skills to extend Claude's capabilities in Claude Code. Includes custom slash commands.\",\"href\":\"/en/skills\"}}}}]}]\n"])</script></body></html>